@charset "UTF-8";
/* line 1, ../scss/framework/_example.scss */
.example-class-1 {
  color: red; }

/* line 5, ../scss/framework/_example.scss */
.example-class-2 {
  color: green; }

/* line 9, ../scss/framework/_example.scss */
.example-class-3 {
  color: blue; }

/* line 17, ../scss/framework/_base.scss */
html {
  overflow: hidden; }

/* line 21, ../scss/framework/_base.scss */
body {
  font-family: "PingFang SC", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", "Microsoft YaHei", "微软雅黑", sans-serif;
  color: #000000; }

/* line 38, ../scss/framework/_base.scss */
.bgc-l1 {
  background-color: #eeeeee; }

/* line 43, ../scss/framework/_base.scss */
.bgc-d1 {
  background-color: #9c9c9c; }

/* line 47, ../scss/framework/_base.scss */
input, .create-cstmr .content .top-container .left div textarea, .shop-info .content .above-container div select,
textarea {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border linear 0.2s, box-shadow linear 0.2s; }

/* line 53, ../scss/framework/_base.scss */
input, .create-cstmr .content .top-container .left div textarea, .shop-info .content .above-container div select,
textarea,
select {
  font-size: 1em;
  display: inline-block;
  padding: 4px;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin: 3px 0; }

/* 获得焦点时的输入框高光效果 */
/* line 70, ../scss/framework/_base.scss */
input:focus, .create-cstmr .content .top-container .left div textarea:focus, .shop-info .content .above-container div select:focus,
textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

/* line 79, ../scss/framework/_base.scss */
input:disabled, .create-cstmr .content .top-container .left div textarea:disabled, .shop-info .content .above-container div select:disabled,
textarea:disabled {
  border: none;
  box-shadow: none; }

/* 避免对其他元素的不良影响(主要表现在IE浏览器中) */
/* line 88, ../scss/framework/_base.scss */
input[type="file"]:focus, .create-cstmr .content .top-container .left div textarea[type="file"]:focus, .shop-info .content .above-container div select[type="file"]:focus,
input[type="radio"]:focus,
.create-cstmr .content .top-container .left div textarea[type="radio"]:focus,
.shop-info .content .above-container div select[type="radio"]:focus,
input[type="checkbox"]:focus,
.create-cstmr .content .top-container .left div textarea[type="checkbox"]:focus,
.shop-info .content .above-container div select[type="checkbox"]:focus,
select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: none; }

/* line 98, ../scss/framework/_base.scss */
input[type="image"], .create-cstmr .content .top-container .left div textarea[type="image"], .shop-info .content .above-container div select[type="image"],
input[type="checkbox"],
.create-cstmr .content .top-container .left div textarea[type="checkbox"],
.shop-info .content .above-container div select[type="checkbox"],
input[type="radio"],
.create-cstmr .content .top-container .left div textarea[type="radio"],
.shop-info .content .above-container div select[type="radio"] {
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  /* IE7 */
  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 \9;
  /* IE9- */
  border-radius: 0;
  box-shadow: none; }

/* 避免对按钮样式的不良影响 */
/* line 117, ../scss/framework/_base.scss */
input[type="button"], .create-cstmr .content .top-container .left div textarea[type="button"], .shop-info .content .above-container div select[type="button"],
input[type="submit"],
.create-cstmr .content .top-container .left div textarea[type="submit"],
.shop-info .content .above-container div select[type="submit"],
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 10px;
  font-size: 1em;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

/* line 145, ../scss/framework/_base.scss */
input[type="number"], .create-cstmr .content .top-container .left div textarea[type="number"], .shop-info .content .above-container div select[type="number"] {
  -moz-appearance: textfield; }

/* line 149, ../scss/framework/_base.scss */
input[type="number"]::-webkit-outer-spin-button, .create-cstmr .content .top-container .left div textarea[type="number"]::-webkit-outer-spin-button, .shop-info .content .above-container div select[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
.create-cstmr .content .top-container .left div textarea[type="number"]::-webkit-inner-spin-button,
.shop-info .content .above-container div select[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

/* line 155, ../scss/framework/_base.scss */
select:disabled {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

/* line 162, ../scss/framework/_base.scss */
a {
  text-transform: none;
  text-decoration: none; }

/* line 167, ../scss/framework/_base.scss */
.required {
  color: red;
  width: 40px !important;
  display: flex;
  justify-content: center !important;
  align-content: center !important; }

/* line 175, ../scss/framework/_base.scss */
.active-input {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

/* line 1, ../scss/framework/layout/_display.scss */
.flex {
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  display: flex;
  /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ }

/* line 3, ../scss/framework/_dialog.scss */
.dialog {
  position: fixed;
  padding-top: 40px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  opacity: 1;
  z-index: 2; }
  /* line 18, ../scss/framework/_dialog.scss */
  .dialog .dialog-ribbon {
    height: 40px;
    background-color: #ee7258;
    padding: 0px 8px 0px 8px; }
  /* line 23, ../scss/framework/_dialog.scss */
  .dialog .function-tab {
    min-height: 100%; }

/* line 3, ../scss/framework/_button.scss */
button {
  outline: none; }

/* line 8, ../scss/framework/_button.scss */
.btn-alt {
  padding: 2px 2px 2px 2px;
  height: 22px;
  width: 70px;
  font-size: 14px;
  border: 1px solid #aaaaaa;
  color: #777777;
  background-color: #ffffff; }
  /* line 16, ../scss/framework/_button.scss */
  .btn-alt:hover {
    background-color: #f5f5f5; }
  /* line 19, ../scss/framework/_button.scss */
  .btn-alt:active {
    background-color: #dddddd; }

/* line 25, ../scss/framework/_button.scss */
.btn-submit-s {
  height: 25px;
  width: 130px;
  padding-bottom: 2px;
  border: none;
  font-size: 16px;
  color: white;
  background-color: #e67354; }
  /* line 33, ../scss/framework/_button.scss */
  .btn-submit-s:hover {
    background-color: #e3613e; }
  /* line 36, ../scss/framework/_button.scss */
  .btn-submit-s:active {
    background-color: #cf441e; }

/* line 42, ../scss/framework/_button.scss */
.btn-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  /*width: 159px;*/
  padding-left: 48px;
  padding-right: 48px;
  padding-bottom: 2px;
  border: none;
  font-size: 15px;
  color: white;
  background-color: #e67354;
  cursor: pointer;
  margin-right: 10px; }
  /* line 57, ../scss/framework/_button.scss */
  .btn-submit:hover {
    background-color: #e3613e; }
  /* line 60, ../scss/framework/_button.scss */
  .btn-submit:active {
    background-color: #cf441e; }
  /* line 63, ../scss/framework/_button.scss */
  .btn-submit img {
    margin-right: 10px; }

/* line 68, ../scss/framework/_button.scss */
.btn-back {
  border: none;
  outline: none;
  color: #fff;
  background: #36bc9b;
  height: 50px;
  padding: 0 24px;
  font-size: 13px;
  flex-shrink: 0; }
  /* line 77, ../scss/framework/_button.scss */
  .btn-back:hover {
    background: #30a88b; }

/* line 85, ../scss/framework/_button.scss */
.xy-btn.xy-btn-orange {
  background: #e67354;
  color: white; }
  /* line 88, ../scss/framework/_button.scss */
  .xy-btn.xy-btn-orange:hover {
    background-color: #e3613e; }
  /* line 91, ../scss/framework/_button.scss */
  .xy-btn.xy-btn-orange:active {
    background-color: #cf441e; }
/* line 95, ../scss/framework/_button.scss */
.xy-btn.xy-btn-green {
  background: #36bc9b;
  color: white; }
  /* line 98, ../scss/framework/_button.scss */
  .xy-btn.xy-btn-green:hover {
    background-color: #30a88b; }
  /* line 101, ../scss/framework/_button.scss */
  .xy-btn.xy-btn-green:active {
    background-color: #25816a; }
/* line 106, ../scss/framework/_button.scss */
.xy-btn.xy-btn-default.green {
  border-color: #36bc9b;
  color: #000000; }
  /* line 109, ../scss/framework/_button.scss */
  .xy-btn.xy-btn-default.green:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
/* line 115, ../scss/framework/_button.scss */
.xy-btn.xy-btn-default.orange {
  border-color: #e67354;
  color: #000000; }
  /* line 118, ../scss/framework/_button.scss */
  .xy-btn.xy-btn-default.orange:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }

/* line 126, ../scss/framework/_button.scss */
.notAllowed {
  cursor: not-allowed; }

/* line 42, ../scss/framework/_input.scss */
.input-dropdown {
  width: 100%;
  height: 30px;
  position: relative; }
  /* line 46, ../scss/framework/_input.scss */
  .input-dropdown input, .input-dropdown .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .input-dropdown textarea, .input-dropdown .shop-info .content .above-container div select, .shop-info .content .above-container div .input-dropdown select {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0; }
    /* line 51, ../scss/framework/_input.scss */
    .input-dropdown input.left, .input-dropdown .create-cstmr .content .top-container .left div textarea.left, .create-cstmr .content .top-container .left div .input-dropdown textarea.left, .input-dropdown .shop-info .content .above-container div select.left, .shop-info .content .above-container div .input-dropdown select.left {
      padding-right: 20px; }
    /* line 54, ../scss/framework/_input.scss */
    .input-dropdown input.right, .input-dropdown .create-cstmr .content .top-container .left div textarea.right, .create-cstmr .content .top-container .left div .input-dropdown textarea.right, .input-dropdown .shop-info .content .above-container div select.right, .shop-info .content .above-container div .input-dropdown select.right {
      padding-left: 20px; }
  /* line 58, ../scss/framework/_input.scss */
  .input-dropdown i {
    position: absolute;
    border: none;
    height: 30px;
    background: transparent;
    line-height: 30px;
    right: 0;
    width: 20px; }
    /* line 66, ../scss/framework/_input.scss */
    .input-dropdown i.left {
      left: 0; }
    /* line 69, ../scss/framework/_input.scss */
    .input-dropdown i.right {
      right: 0; }
  /* line 73, ../scss/framework/_input.scss */
  .input-dropdown .dropdown-list {
    position: absolute;
    width: 100%;
    min-width: 200px;
    height: 150px;
    top: 35px;
    left: 0;
    border: 1px solid #cccccc;
    z-index: 2;
    background: white;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    border-radius: 5px;
    outline: thin dotted \9;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    overflow-y: scroll;
    position: absolute;
    display: flex;
    flex-flow: column nowrap; }
    /* line 92, ../scss/framework/_input.scss */
    .input-dropdown .dropdown-list.no-scroll {
      overflow: initial; }
    /* line 95, ../scss/framework/_input.scss */
    .input-dropdown .dropdown-list .item {
      width: 100%;
      padding: 3px 5px;
      border-bottom: 1px solid #eeeeee;
      cursor: pointer; }
      /* line 100, ../scss/framework/_input.scss */
      .input-dropdown .dropdown-list .item:nth-last-child {
        border: none; }
      /* line 103, ../scss/framework/_input.scss */
      .input-dropdown .dropdown-list .item.hover:hover {
        background: #eeeeee; }
      /* line 106, ../scss/framework/_input.scss */
      .input-dropdown .dropdown-list .item.title {
        background: rgba(82, 168, 236, 0.8); }
        /* line 108, ../scss/framework/_input.scss */
        .input-dropdown .dropdown-list .item.title:hover {
          background: rgba(59, 156, 233, 0.8); }

/* line 1, ../scss/framework/_numpad.scss */
.numpad {
  width: 275px;
  height: 300px;
  background: #fff;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; }
  /* line 12, ../scss/framework/_numpad.scss */
  .numpad span, .numpad .create-spu .new-spec label, .create-spu .new-spec .numpad label {
    cursor: pointer;
    width: 75px;
    height: 75px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none; }
    /* line 26, ../scss/framework/_numpad.scss */
    .numpad span:hover, .numpad .create-spu .new-spec label:hover, .create-spu .new-spec .numpad label:hover {
      background-color: #ee7258;
      color: #fff; }
    /* line 30, ../scss/framework/_numpad.scss */
    .numpad span:active, .numpad .create-spu .new-spec label:active, .create-spu .new-spec .numpad label:active {
      background-color: #e94b2a;
      color: #fff; }
  /* line 35, ../scss/framework/_numpad.scss */
  .numpad .left {
    width: 228px;
    display: flex;
    flex-flow: column; }
    /* line 39, ../scss/framework/_numpad.scss */
    .numpad .left div {
      flex-grow: 1;
      display: flex; }
      /* line 42, ../scss/framework/_numpad.scss */
      .numpad .left div .wide {
        width: 150px; }
  /* line 51, ../scss/framework/_numpad.scss */
  .numpad .right {
    width: 50px;
    margin-left: -3px; }
    /* line 54, ../scss/framework/_numpad.scss */
    .numpad .right span, .numpad .right .create-spu .new-spec label, .create-spu .new-spec .numpad .right label {
      width: 50px;
      height: 100px; }
      /* line 58, ../scss/framework/_numpad.scss */
      .numpad .right span:hover, .numpad .right .create-spu .new-spec label:hover, .create-spu .new-spec .numpad .right label:hover {
        color: #fff; }
      /* line 61, ../scss/framework/_numpad.scss */
      .numpad .right span:active, .numpad .right .create-spu .new-spec label:active, .create-spu .new-spec .numpad .right label:active {
        color: #fff; }
    /* line 65, ../scss/framework/_numpad.scss */
    .numpad .right .clear {
      color: #ee7258; }
    /* line 68, ../scss/framework/_numpad.scss */
    .numpad .right .finish {
      display: flex;
      letter-spacing: 10px;
      font-size: 20px;
      padding-left: 15px;
      color: #36bc9b; }
      /* line 75, ../scss/framework/_numpad.scss */
      .numpad .right .finish:hover {
        background-color: #36bc9b;
        color: #fff; }
      /* line 79, ../scss/framework/_numpad.scss */
      .numpad .right .finish:active {
        background-color: #2b947a;
        color: #fff; }
    /* line 84, ../scss/framework/_numpad.scss */
    .numpad .right .backspace {
      color: #ee7258; }

/* line 1, ../scss/framework/_text.scss */
span.pointer, .create-spu .new-spec label.pointer {
  cursor: pointer; }

/* line 4, ../scss/framework/_text.scss */
.red {
  color: red; }

/* line 7, ../scss/framework/_text.scss */
.blue {
  color: blue; }

/* line 10, ../scss/framework/_text.scss */
.green {
  color: green; }

/* line 13, ../scss/framework/_text.scss */
.orange {
  color: #ee7258; }

/* line 17, ../scss/framework/_text.scss */
div.title-name-row span.title-name, div.title-name-row .create-spu .new-spec label.title-name, .create-spu .new-spec div.title-name-row label.title-name {
  display: block;
  width: 100px;
  border-top: 5px solid #dbb5a8;
  border-radius: 5px;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  padding-left: 5px;
  text-align: center; }

/* line 29, ../scss/framework/_text.scss */
div.input-row {
  display: flex;
  flex-flow: row;
  align-items: center; }
  /* line 33, ../scss/framework/_text.scss */
  div.input-row input, .create-cstmr .content .top-container .left div.input-row textarea, .shop-info .content .above-container div.input-row select {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 5px;
    background-color: #eeeeee;
    border-left: 5px solid #dbb5a8; }
  /* line 41, ../scss/framework/_text.scss */
  div.input-row span.required, div.input-row .create-spu .new-spec label.required, .create-spu .new-spec div.input-row label.required {
    display: flex;
    align-items: center;
    color: red;
    font-weight: bold; }

/* line 1, ../scss/framework/_search-bar.scss */
.search-bar, .search-bar-red {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  height: 60px;
  padding: 4px 35px 0 24px; }
  /* line 9, ../scss/framework/_search-bar.scss */
  .search-bar div, .search-bar-red div {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 80%; }
    /* line 15, ../scss/framework/_search-bar.scss */
    .search-bar div img, .search-bar-red div img {
      margin-left: 11px;
      z-index: 0; }
    /* line 20, ../scss/framework/_search-bar.scss */
    .search-bar div input, .search-bar-red div input, .search-bar .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .search-bar div textarea, .search-bar-red .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .search-bar-red div textarea, .search-bar .shop-info .content .above-container div select, .shop-info .content .above-container .search-bar div select, .search-bar-red .shop-info .content .above-container div select, .shop-info .content .above-container .search-bar-red div select {
      height: 30px;
      width: 100%;
      background: #eeeeee;
      border: none;
      border-left: 3px solid #36bc9b;
      margin-left: -25px;
      padding-left: 30px; }
  /* line 31, ../scss/framework/_search-bar.scss */
  .search-bar button, .search-bar-red button {
    border: none;
    outline: none;
    color: #fff;
    background: #36bc9b;
    height: 30px;
    padding: 0 24px;
    font-size: 13px;
    flex-shrink: 0; }
  /* line 42, ../scss/framework/_search-bar.scss */
  .search-bar button:hover, .search-bar-red button:hover {
    background: #30a88b; }

/* line 51, ../scss/framework/_search-bar.scss */
.search-bar-red div input, .search-bar-red .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .search-bar-red div textarea, .search-bar-red .shop-info .content .above-container div select, .shop-info .content .above-container .search-bar-red div select {
  border-left: 3px solid #ee7258; }
/* line 56, ../scss/framework/_search-bar.scss */
.search-bar-red button {
  background: #ee7258; }
/* line 60, ../scss/framework/_search-bar.scss */
.search-bar-red button:hover {
  background: #ec5e41; }

/* line 1, ../scss/framework/_filter-bar.scss */
.filter-bar, .filter-bar-red {
  background: #fff;
  padding-left: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  flex-flow: row; }
  /* line 9, ../scss/framework/_filter-bar.scss */
  .filter-bar span, .filter-bar-red span, .filter-bar .create-spu .new-spec label, .create-spu .new-spec .filter-bar label, .filter-bar-red .create-spu .new-spec label, .create-spu .new-spec .filter-bar-red label {
    margin-right: 18px;
    flex-shrink: 0; }
  /* line 14, ../scss/framework/_filter-bar.scss */
  .filter-bar div, .filter-bar-red div {
    margin: 10px 0; }
    /* line 17, ../scss/framework/_filter-bar.scss */
    .filter-bar div button, .filter-bar-red div button {
      border: none;
      outline: none;
      color: #000000;
      margin: 3px 18px 3px 0px;
      padding: 4px 7px;
      font-size: 13px;
      background: #eeeeee; }
    /* line 27, ../scss/framework/_filter-bar.scss */
    .filter-bar div button:hover, .filter-bar-red div button:hover {
      background: #36bc9b;
      color: #fff; }
    /* line 32, ../scss/framework/_filter-bar.scss */
    .filter-bar div .highlight, .filter-bar-red div .highlight {
      background: #36bc9b;
      color: #fff; }

/* line 39, ../scss/framework/_filter-bar.scss */
.filter-bar-red {
  margin: 0;
  padding-right: 150px; }
  /* line 45, ../scss/framework/_filter-bar.scss */
  .filter-bar-red div button:hover {
    background: #ee7258; }
  /* line 49, ../scss/framework/_filter-bar.scss */
  .filter-bar-red div .highlight {
    background: #ee7258; }

/* line 4, ../scss/framework/_page-navi-smart.scss */
.page-navi-smart nav {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 11, ../scss/framework/_page-navi-smart.scss */
  .page-navi-smart nav li {
    float: left;
    display: flex;
    justify-content: center;
    width: 25px;
    width: 25px; }
    /* line 18, ../scss/framework/_page-navi-smart.scss */
    .page-navi-smart nav li a {
      display: flex;
      justify-content: center;
      width: 100%;
      text-decoration: none;
      color: #a3a3a3; }
    /* line 26, ../scss/framework/_page-navi-smart.scss */
    .page-navi-smart nav li a:hover {
      background: #36bc9b;
      color: #fff; }

/* line 35, ../scss/framework/_page-navi-smart.scss */
.apppage-navi-smart nav {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 42, ../scss/framework/_page-navi-smart.scss */
  .apppage-navi-smart nav li {
    float: left;
    display: flex;
    justify-content: center;
    width: 25px;
    width: 25px; }
    /* line 49, ../scss/framework/_page-navi-smart.scss */
    .apppage-navi-smart nav li a {
      display: flex;
      justify-content: center;
      width: 100%;
      text-decoration: none;
      color: #a3a3a3; }

/* line 1, ../scss/framework/_page-navi.scss */
.page-navi {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-top: 1px solid #eeeeee; }
  /* line 9, ../scss/framework/_page-navi.scss */
  .page-navi div {
    width: 25px;
    height: 25px;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  /* line 19, ../scss/framework/_page-navi.scss */
  .page-navi .bthover:hover {
    background: #36bc9b;
    color: #fff; }
  /* line 23, ../scss/framework/_page-navi.scss */
  .page-navi .cb {
    background: #36bc9b;
    color: #fff; }

/* line 28, ../scss/framework/_page-navi.scss */
.apppage-navi {
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-top: 1px solid #eeeeee; }
  /* line 36, ../scss/framework/_page-navi.scss */
  .apppage-navi div {
    width: 25px;
    height: 25px;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
  /* line 46, ../scss/framework/_page-navi.scss */
  .apppage-navi .cb {
    background: #36bc9b;
    color: #fff; }

/* line 2, ../scss/framework/_table.scss */
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  text-align: center;
  width: 100%; }

/* line 11, ../scss/framework/_table.scss */
.table {
  background: #fff;
  width: 100%;
  overflow: visible; }
  /* line 15, ../scss/framework/_table.scss */
  .table .table-row {
    height: 36px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    /* line 24, ../scss/framework/_table.scss */
    .table .table-row span, .table .table-row .create-spu .new-spec label, .create-spu .new-spec .table .table-row label {
      width: 9%;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap; }
      /* line 30, ../scss/framework/_table.scss */
      .table .table-row span button, .table .table-row .create-spu .new-spec label button, .create-spu .new-spec .table .table-row label button {
        background: none;
        border: 1px solid #a2a2a2;
        padding: 5px 12px;
        outline: none; }
      /* line 36, ../scss/framework/_table.scss */
      .table .table-row span button:hover, .table .table-row .create-spu .new-spec label button:hover, .create-spu .new-spec .table .table-row label button:hover {
        border: none;
        border: 1px solid #36bc9b;
        background: #36bc9b;
        color: #fff; }
      /* line 42, ../scss/framework/_table.scss */
      .table .table-row span input[type="text"], .table .table-row .create-spu .new-spec label input[type="text"], .create-spu .new-spec .table .table-row label input[type="text"], .table .table-row span .create-cstmr .content .top-container .left div textarea[type="text"], .create-cstmr .content .top-container .left div .table .table-row span textarea[type="text"], .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea[type="text"], .create-cstmr .content .top-container .left div .table .table-row .create-spu .new-spec label textarea[type="text"], .create-spu .new-spec .table .table-row label .create-cstmr .content .top-container .left div textarea[type="text"], .create-cstmr .content .top-container .left div .create-spu .new-spec .table .table-row label textarea[type="text"], .table .table-row span .shop-info .content .above-container div select[type="text"], .shop-info .content .above-container div .table .table-row span select[type="text"], .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select[type="text"], .shop-info .content .above-container div .table .table-row .create-spu .new-spec label select[type="text"], .create-spu .new-spec .table .table-row label .shop-info .content .above-container div select[type="text"], .shop-info .content .above-container div .create-spu .new-spec .table .table-row label select[type="text"], .table .table-row span input[type="number"], .table .table-row .create-spu .new-spec label input[type="number"], .create-spu .new-spec .table .table-row label input[type="number"], .table .table-row span .create-cstmr .content .top-container .left div textarea[type="number"], .create-cstmr .content .top-container .left div .table .table-row span textarea[type="number"], .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea[type="number"], .create-cstmr .content .top-container .left div .table .table-row .create-spu .new-spec label textarea[type="number"], .create-spu .new-spec .table .table-row label .create-cstmr .content .top-container .left div textarea[type="number"], .create-cstmr .content .top-container .left div .create-spu .new-spec .table .table-row label textarea[type="number"], .table .table-row span .shop-info .content .above-container div select[type="number"], .shop-info .content .above-container div .table .table-row span select[type="number"], .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select[type="number"], .shop-info .content .above-container div .table .table-row .create-spu .new-spec label select[type="number"], .create-spu .new-spec .table .table-row label .shop-info .content .above-container div select[type="number"], .shop-info .content .above-container div .create-spu .new-spec .table .table-row label select[type="number"] {
        width: 100%;
        text-align: center; }
      /* line 46, ../scss/framework/_table.scss */
      .table .table-row span input[type="button"], .table .table-row .create-spu .new-spec label input[type="button"], .create-spu .new-spec .table .table-row label input[type="button"], .table .table-row span .create-cstmr .content .top-container .left div textarea[type="button"], .create-cstmr .content .top-container .left div .table .table-row span textarea[type="button"], .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea[type="button"], .create-cstmr .content .top-container .left div .table .table-row .create-spu .new-spec label textarea[type="button"], .create-spu .new-spec .table .table-row label .create-cstmr .content .top-container .left div textarea[type="button"], .create-cstmr .content .top-container .left div .create-spu .new-spec .table .table-row label textarea[type="button"], .table .table-row span .shop-info .content .above-container div select[type="button"], .shop-info .content .above-container div .table .table-row span select[type="button"], .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select[type="button"], .shop-info .content .above-container div .table .table-row .create-spu .new-spec label select[type="button"], .create-spu .new-spec .table .table-row label .shop-info .content .above-container div select[type="button"], .shop-info .content .above-container div .create-spu .new-spec .table .table-row label select[type="button"] {
        width: 54px; }
    /* line 50, ../scss/framework/_table.scss */
    .table .table-row .two-imgs {
      display: flex;
      justify-content: center;
      height: 100%; }
      /* line 54, ../scss/framework/_table.scss */
      .table .table-row .two-imgs i {
        color: #999; }
      /* line 57, ../scss/framework/_table.scss */
      .table .table-row .two-imgs span, .table .table-row .two-imgs .create-spu .new-spec label, .create-spu .new-spec .table .table-row .two-imgs label {
        height: 100%;
        width: 80px;
        display: flex;
        justify-content: space-around; }
        /* line 62, ../scss/framework/_table.scss */
        .table .table-row .two-imgs span span, .table .table-row .two-imgs .create-spu .new-spec label span, .create-spu .new-spec .table .table-row .two-imgs label span, .table .table-row .two-imgs span .create-spu .new-spec label, .create-spu .new-spec .table .table-row .two-imgs span label, .table .table-row .two-imgs .create-spu .new-spec label label, .create-spu .new-spec .table .table-row .two-imgs label label {
          width: 50%;
          cursor: pointer; }
        /* line 66, ../scss/framework/_table.scss */
        .table .table-row .two-imgs span span:hover, .table .table-row .two-imgs .create-spu .new-spec label span:hover, .create-spu .new-spec .table .table-row .two-imgs label span:hover, .table .table-row .two-imgs span .create-spu .new-spec label:hover, .create-spu .new-spec .table .table-row .two-imgs span label:hover, .table .table-row .two-imgs .create-spu .new-spec label label:hover, .create-spu .new-spec .table .table-row .two-imgs label label:hover {
          background: #eee; }
    /* line 71, ../scss/framework/_table.scss */
    .table .table-row .two-buttons {
      display: flex; }
      /* line 73, ../scss/framework/_table.scss */
      .table .table-row .two-buttons button {
        flex-shrink: 0;
        margin-right: 5px; }
    /* line 78, ../scss/framework/_table.scss */
    .table .table-row .ellipsis {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      display: block;
      text-align: center; }
    /* line 85, ../scss/framework/_table.scss */
    .table .table-row .ellipsis.rtl {
      cursor: auto;
      direction: rtl; }
    /* line 89, ../scss/framework/_table.scss */
    .table .table-row .ellipsis:hover {
      background: #eee;
      z-index: 100;
      height: auto;
      white-space: normal;
      word-break: break-all;
      padding: 5px; }
  /* line 98, ../scss/framework/_table.scss */
  .table .head {
    border-top: none; }
    /* line 100, ../scss/framework/_table.scss */
    .table .head span, .table .head .create-spu .new-spec label, .create-spu .new-spec .table .head label {
      color: #999;
      font-weight: bold; }
    /* line 104, ../scss/framework/_table.scss */
    .table .head .sort {
      color: orangered; }
  /* line 110, ../scss/framework/_table.scss */
  .table .total span, .table .total .create-spu .new-spec label, .create-spu .new-spec .table .total label {
    font-weight: bold; }

/* line 116, ../scss/framework/_table.scss */
.foot {
  background: #fff;
  width: 100%;
  height: 35px;
  overflow: hidden; }
  /* line 122, ../scss/framework/_table.scss */
  .foot div {
    height: 35px;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #eeeeee;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    /* line 131, ../scss/framework/_table.scss */
    .foot div span, .foot div .create-spu .new-spec label, .create-spu .new-spec .foot div label {
      width: 13%;
      display: flex;
      align-items: center;
      justify-content: center;
      white-space: nowrap; }

/* line 2, ../scss/framework/_title-bar.scss */
.title-bar {
  height: 40px;
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding-left: 18px;
  background: #ee7258; }
  /* line 14, ../scss/framework/_title-bar.scss */
  .title-bar span, .title-bar .create-spu .new-spec label, .create-spu .new-spec .title-bar label {
    color: #fff; }
  /* line 17, ../scss/framework/_title-bar.scss */
  .title-bar .function-name {
    font-size: 16px;
    font-weight: bold;
    color: #fff; }
  /* line 23, ../scss/framework/_title-bar.scss */
  .title-bar .quit {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-left: 1px solid #ddd;
    height: 100%; }
    /* line 32, ../scss/framework/_title-bar.scss */
    .title-bar .quit:hover {
      background: #e94b2a; }
  /* line 37, ../scss/framework/_title-bar.scss */
  .title-bar .quit-i i {
    color: white;
    font-size: 22px;
    cursor: pointer; }
  /* line 44, ../scss/framework/_title-bar.scss */
  .title-bar div button {
    font-size: 13px;
    font-weight: bold;
    border: none;
    background: transparent;
    outline: none; }
  /* line 52, ../scss/framework/_title-bar.scss */
  .title-bar div .exit {
    color: #fff; }
  /* line 57, ../scss/framework/_title-bar.scss */
  .title-bar div .save-exit {
    border: 1px solid;
    border-image: linear-gradient(to right, #ef826b, #f8b49d) 1 1;
    padding: 2px 16px;
    color: #e67656;
    background: -webkit-linear-gradient(left, #ef826b, #fbdad1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }

/* line 69, ../scss/framework/_title-bar.scss */
.title-bar-green {
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  background: #36bc9b; }
  /* line 77, ../scss/framework/_title-bar.scss */
  .title-bar-green .title {
    color: white; }
  /* line 80, ../scss/framework/_title-bar.scss */
  .title-bar-green .quit {
    color: white;
    height: 70%;
    cursor: pointer; }
  /* line 86, ../scss/framework/_title-bar.scss */
  .title-bar-green .quit-i i {
    color: white;
    font-size: 22px;
    cursor: pointer; }

/* line 1, ../scss/framework/_title-bar-detail.scss */
.title-bar-detail {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  background: #ee7258;
  position: fixed;
  top: 0; }
  /* line 14, ../scss/framework/_title-bar-detail.scss */
  .title-bar-detail div {
    width: 33.33%; }
  /* line 19, ../scss/framework/_title-bar-detail.scss */
  .title-bar-detail .left span, .title-bar-detail .left .create-spu .new-spec label, .create-spu .new-spec .title-bar-detail .left label {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #fff; }
  /* line 27, ../scss/framework/_title-bar-detail.scss */
  .title-bar-detail .middle {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
    /* line 33, ../scss/framework/_title-bar-detail.scss */
    .title-bar-detail .middle .top {
      font-size: 14px;
      font-weight: bold;
      color: #fff; }
    /* line 39, ../scss/framework/_title-bar-detail.scss */
    .title-bar-detail .middle .bottom {
      display: flex;
      flex-flow: row;
      justify-content: center;
      width: 100%; }
      /* line 45, ../scss/framework/_title-bar-detail.scss */
      .title-bar-detail .middle .bottom span, .title-bar-detail .middle .bottom .create-spu .new-spec label, .create-spu .new-spec .title-bar-detail .middle .bottom label {
        margin: 0 10px;
        font-size: 11px;
        margin-top: 3px;
        color: #fff;
        flex-shrink: 0; }
  /* line 55, ../scss/framework/_title-bar-detail.scss */
  .title-bar-detail .right {
    display: flex;
    justify-content: flex-end; }
    /* line 59, ../scss/framework/_title-bar-detail.scss */
    .title-bar-detail .right .quit {
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      border-left: 1px solid #ddd; }
      /* line 68, ../scss/framework/_title-bar-detail.scss */
      .title-bar-detail .right .quit:hover {
        background: #e94b2a; }

/* line 1, ../scss/framework/_bottom-bar.scss */
.bottom-bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-shrink: 0;
  padding: 0px 11px 0px 11px;
  height: 50px;
  background: #ec5e41;
  z-index: 1000; }
  /* line 14, ../scss/framework/_bottom-bar.scss */
  .bottom-bar button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #d1644d;
    color: #ebbeb8;
    border: none;
    outline: none;
    border-radius: 20px; }
  /* line 27, ../scss/framework/_bottom-bar.scss */
  .bottom-bar .last-step button {
    width: 81px;
    height: 27px; }
    /* line 31, ../scss/framework/_bottom-bar.scss */
    .bottom-bar .last-step button:hover {
      background: #fff;
      color: #ee7258; }
  /* line 39, ../scss/framework/_bottom-bar.scss */
  .bottom-bar .next-step button {
    width: 81px;
    height: 27px;
    background: #fff;
    color: #ee7258; }
    /* line 45, ../scss/framework/_bottom-bar.scss */
    .bottom-bar .next-step button:hover {
      background: #e6e6e6; }
  /* line 51, ../scss/framework/_bottom-bar.scss */
  .bottom-bar .invisible {
    visibility: hidden; }
  /* line 56, ../scss/framework/_bottom-bar.scss */
  .bottom-bar .btn-tab-group {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 70%;
    height: 27px;
    color: white;
    background: #d1644d;
    border-radius: 20px; }
    /* line 66, ../scss/framework/_bottom-bar.scss */
    .bottom-bar .btn-tab-group div {
      display: flex;
      align-items: center; }
      /* line 69, ../scss/framework/_bottom-bar.scss */
      .bottom-bar .btn-tab-group div button {
        height: 18px;
        line-height: 10px; }
      /* line 73, ../scss/framework/_bottom-bar.scss */
      .bottom-bar .btn-tab-group div .btn-tab-num-circle {
        width: 18px;
        border-radius: 20px;
        background: #e9b9af;
        color: #d1644d; }
      /* line 84, ../scss/framework/_bottom-bar.scss */
      .bottom-bar .btn-tab-group div:hover .btn-tab-num-circle, .bottom-bar .btn-tab-group .highlight .btn-tab-num-circle {
        background: #fff;
        color: #ee7258; }
      /* line 88, ../scss/framework/_bottom-bar.scss */
      .bottom-bar .btn-tab-group div:hover .tab, .bottom-bar .btn-tab-group .highlight .tab {
        color: #fff; }

/*! 
 * angular-hotkeys v1.7.0
 * https://chieffancypants.github.io/angular-hotkeys
 * Copyright (c) 2016 Wes Cruver
 * License: MIT
 */
/* line 7, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-container {
  display: table !important;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #333;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.9); }

/* line 19, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-container.fade {
  z-index: -1024;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

/* line 29, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-container.fade.in {
  z-index: 10002;
  visibility: visible;
  opacity: 1; }

/* line 35, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-title {
  font-weight: bold;
  text-align: center;
  font-size: 1.2em; }

/* line 41, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

/* line 48, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys table {
  margin: auto;
  color: #333; }

/* line 53, ../scss/framework/_hotkeys.scss */
.cfp-content {
  display: table-cell;
  vertical-align: middle; }

/* line 58, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-keys {
  padding: 5px;
  text-align: right; }

/* line 63, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-key {
  display: inline-block;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
  border-radius: 5px;
  text-align: center;
  margin-right: 5px;
  box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
  padding: 5px 9px;
  font-size: 1em; }

/* line 76, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-text {
  padding-left: 10px;
  font-size: 1em; }

/* line 81, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-close {
  position: fixed;
  top: 20px;
  right: 20px;
  font-size: 2em;
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  min-height: 45px;
  min-width: 45px;
  text-align: center; }

/* line 95, ../scss/framework/_hotkeys.scss */
.cfp-hotkeys-close:hover {
  background-color: #fff;
  cursor: pointer; }

@media all and (max-width: 500px) {
  /* line 101, ../scss/framework/_hotkeys.scss */
  .cfp-hotkeys {
    font-size: 0.8em; } }
@media all and (min-width: 750px) {
  /* line 107, ../scss/framework/_hotkeys.scss */
  .cfp-hotkeys {
    font-size: 1.2em; } }
/* line 1, ../scss/framework/_spec-and-numpad.scss */
.spec-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(163, 163, 163, 0.6);
  z-index: 1000000; }
  /* line 13, ../scss/framework/_spec-and-numpad.scss */
  .spec-bg .spec-and-numpad {
    width: 650px;
    height: 400px;
    display: flex;
    justify-content: center;
    flex-flow: row;
    background: #fff;
    box-shadow: 0 0 5px #aaa;
    padding: 20px 0; }
    /* line 23, ../scss/framework/_spec-and-numpad.scss */
    .spec-bg .spec-and-numpad .spec-container {
      padding: 0 15px;
      margin: 0 2px;
      border-right: 1px solid #ccc;
      display: flex;
      flex-flow: column;
      justify-content: center; }
      /* line 32, ../scss/framework/_spec-and-numpad.scss */
      .spec-bg .spec-and-numpad .spec-container .selected .spu {
        border-radius: 0;
        border-left: 3px solid #f5b93f;
        background: #e6e6e6;
        width: 270px; }
      /* line 38, ../scss/framework/_spec-and-numpad.scss */
      .spec-bg .spec-and-numpad .spec-container .selected .spec {
        border-radius: 0;
        border-left: 3px solid #34add8;
        background: #e6e6e6;
        width: 270px; }
      /* line 45, ../scss/framework/_spec-and-numpad.scss */
      .spec-bg .spec-and-numpad .spec-container .mt-s {
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 50, ../scss/framework/_spec-and-numpad.scss */
        .spec-bg .spec-and-numpad .spec-container .mt-s .left {
          width: 80px; }
        /* line 53, ../scss/framework/_spec-and-numpad.scss */
        .spec-bg .spec-and-numpad .spec-container .mt-s input, .spec-bg .spec-and-numpad .spec-container .mt-s .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .spec-bg .spec-and-numpad .spec-container .mt-s textarea, .spec-bg .spec-and-numpad .spec-container .mt-s .shop-info .content .above-container div select, .shop-info .content .above-container div .spec-bg .spec-and-numpad .spec-container .mt-s select {
          width: 160px;
          background: #fff; }
        /* line 57, ../scss/framework/_spec-and-numpad.scss */
        .spec-bg .spec-and-numpad .spec-container .mt-s textarea {
          width: 160px;
          resize: none; }
        /* line 61, ../scss/framework/_spec-and-numpad.scss */
        .spec-bg .spec-and-numpad .spec-container .mt-s .replace-unit {
          width: 1em; }
      /* line 66, ../scss/framework/_spec-and-numpad.scss */
      .spec-bg .spec-and-numpad .spec-container .former-price {
        width: 100%;
        padding: 0px;
        margin-bottom: 8px; }
        /* line 70, ../scss/framework/_spec-and-numpad.scss */
        .spec-bg .spec-and-numpad .spec-container .former-price button {
          padding: 2px;
          height: 22px;
          width: 90%;
          text-align: center;
          font-size: 14px;
          border: 1px solid #36bc9b;
          color: #777777;
          background-color: #ffffff;
          border-radius: 4px;
          margin-bottom: 4px; }
          /* line 81, ../scss/framework/_spec-and-numpad.scss */
          .spec-bg .spec-and-numpad .spec-container .former-price button:hover {
            background-color: #f5f5f5; }
          /* line 84, ../scss/framework/_spec-and-numpad.scss */
          .spec-bg .spec-and-numpad .spec-container .former-price button:active {
            background-color: #dddddd; }
    /* line 92, ../scss/framework/_spec-and-numpad.scss */
    .spec-bg .spec-and-numpad .numpad-container {
      width: 300px;
      height: 300px;
      display: flex;
      justify-content: center; }

/* line 1, ../scss/framework/_time-container.scss */
.time-container {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  padding: 22px; }
  /* line 8, ../scss/framework/_time-container.scss */
  .time-container .time {
    margin-right: 14px; }
  /* line 12, ../scss/framework/_time-container.scss */
  .time-container div {
    display: flex;
    align-items: center; }
    /* line 16, ../scss/framework/_time-container.scss */
    .time-container div span, .time-container div .create-spu .new-spec label, .create-spu .new-spec .time-container div label {
      margin: 0 5px; }
    /* line 20, ../scss/framework/_time-container.scss */
    .time-container div input, .time-container .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .time-container div textarea, .time-container .shop-info .content .above-container div select, .shop-info .content .above-container .time-container div select {
      outline: none;
      padding: 0 4px;
      width: 105px;
      border: none;
      border-bottom: 1px solid #888;
      box-shadow: none; }

/* line 30, ../scss/framework/_time-container.scss */
.time-row {
  cursor: pointer;
  margin-top: 50px;
  display: flex; }
  /* line 34, ../scss/framework/_time-container.scss */
  .time-row.pull-right {
    justify-content: flex-end; }
  /* line 37, ../scss/framework/_time-container.scss */
  .time-row.pull-center {
    justify-content: center; }
  /* line 40, ../scss/framework/_time-container.scss */
  .time-row input, .time-row .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .time-row textarea, .time-row .shop-info .content .above-container div select, .shop-info .content .above-container div .time-row select {
    margin-left: 20px;
    border: none;
    border-bottom: 1px solid #0C0C0C; }

/* line 1, ../scss/framework/_footer-bar.scss */
.footer {
  position: fixed;
  bottom: 0;
  height: 70px;
  box-shadow: 0 0 8px #555;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: white; }
  /* line 12, ../scss/framework/_footer-bar.scss */
  .footer .time-row {
    width: 300px;
    border: none;
    margin: 0; }
  /* line 17, ../scss/framework/_footer-bar.scss */
  .footer button {
    margin: 0; }

/* line 1, ../scss/framework/_card-box.scss */
.card-box-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent; }
  /* line 11, ../scss/framework/_card-box.scss */
  .card-box-wrap .card-box {
    width: 700px;
    height: 500px;
    background: white;
    box-shadow: 0 0 30px #555; }
    /* line 16, ../scss/framework/_card-box.scss */
    .card-box-wrap .card-box .card-content {
      padding: 20px; }
      /* line 18, ../scss/framework/_card-box.scss */
      .card-box-wrap .card-box .card-content .search-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 23, ../scss/framework/_card-box.scss */
        .card-box-wrap .card-box .card-content .search-row .search-box {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 27, ../scss/framework/_card-box.scss */
          .card-box-wrap .card-box .card-content .search-row .search-box img {
            width: 15px;
            margin-left: 10px; }
        /* line 32, ../scss/framework/_card-box.scss */
        .card-box-wrap .card-box .card-content .search-row button {
          margin: 0; }
      /* line 36, ../scss/framework/_card-box.scss */
      .card-box-wrap .card-box .card-content .table {
        margin-top: 20px; }
        /* line 38, ../scss/framework/_card-box.scss */
        .card-box-wrap .card-box .card-content .table .table-row {
          display: flex;
          justify-content: space-between; }
          /* line 41, ../scss/framework/_card-box.scss */
          .card-box-wrap .card-box .card-content .table .table-row span, .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label, .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label {
            text-align: center;
            width: 100px; }
            /* line 44, ../scss/framework/_card-box.scss */
            .card-box-wrap .card-box .card-content .table .table-row span.small, .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label.small, .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label.small {
              width: 50px; }
            /* line 47, ../scss/framework/_card-box.scss */
            .card-box-wrap .card-box .card-content .table .table-row span.max, .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label.max, .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label.max {
              width: 200px; }
            /* line 50, ../scss/framework/_card-box.scss */
            .card-box-wrap .card-box .card-content .table .table-row span input, .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label input, .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label input, .card-box-wrap .card-box .card-content .table .table-row span .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .card-box-wrap .card-box .card-content .table .table-row span textarea, .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label textarea, .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label textarea, .card-box-wrap .card-box .card-content .table .table-row span .shop-info .content .above-container div select, .shop-info .content .above-container div .card-box-wrap .card-box .card-content .table .table-row span select, .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select, .shop-info .content .above-container div .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label select, .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .new-spec .card-box-wrap .card-box .card-content .table .table-row label select {
              width: 100%; }
        /* line 55, ../scss/framework/_card-box.scss */
        .card-box-wrap .card-box .card-content .table .head {
          border-top-width: 3px;
          padding-right: 30px; }
        /* line 59, ../scss/framework/_card-box.scss */
        .card-box-wrap .card-box .card-content .table .table-body {
          height: 215px;
          border-top: 3px solid #f1f1f1;
          border-bottom: 3px solid #f1f1f1;
          overflow-y: scroll; }
      /* line 66, ../scss/framework/_card-box.scss */
      .card-box-wrap .card-box .card-content .button-row {
        margin-top: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 71, ../scss/framework/_card-box.scss */
        .card-box-wrap .card-box .card-content .button-row button {
          margin: 0;
          width: 100px;
          height: 30px;
          line-height: 18px; }

/* line 1, ../scss/framework/_add-box.scss */
.add-box-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start; }
  /* line 10, ../scss/framework/_add-box.scss */
  .add-box-wrap .add-box {
    margin-top: 200px;
    width: 400px;
    background: white;
    box-shadow: 0 0 15px #000000;
    border-radius: 5px; }
    /* line 16, ../scss/framework/_add-box.scss */
    .add-box-wrap .add-box .title-row {
      border-radius: 5px 5px 0 0;
      height: 40px;
      top: 0;
      z-index: 10;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-left: 20px;
      background: #ee7258; }
      /* line 27, ../scss/framework/_add-box.scss */
      .add-box-wrap .add-box .title-row .title-name {
        color: white; }
      /* line 30, ../scss/framework/_add-box.scss */
      .add-box-wrap .add-box .title-row .quit {
        width: 50px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
        /* line 37, ../scss/framework/_add-box.scss */
        .add-box-wrap .add-box .title-row .quit i {
          font-size: 22px;
          color: white; }
          /* line 40, ../scss/framework/_add-box.scss */
          .add-box-wrap .add-box .title-row .quit i:hover {
            color: whitesmoke; }
    /* line 46, ../scss/framework/_add-box.scss */
    .add-box-wrap .add-box .middle {
      width: 300px;
      margin: 20px auto; }
      /* line 49, ../scss/framework/_add-box.scss */
      .add-box-wrap .add-box .middle .row {
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-around; }
        /* line 55, ../scss/framework/_add-box.scss */
        .add-box-wrap .add-box .middle .row span, .add-box-wrap .add-box .middle .row .create-spu .new-spec label, .create-spu .new-spec .add-box-wrap .add-box .middle .row label {
          width: 100px;
          text-align: right; }
        /* line 59, ../scss/framework/_add-box.scss */
        .add-box-wrap .add-box .middle .row input, .add-box-wrap .add-box .middle .row .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .add-box-wrap .add-box .middle .row textarea, .add-box-wrap .add-box .middle .row .shop-info .content .above-container div select, .shop-info .content .above-container div .add-box-wrap .add-box .middle .row select, .add-box-wrap .add-box .middle .row select {
          margin-left: 20px;
          width: 200px;
          height: 30px; }
      /* line 65, ../scss/framework/_add-box.scss */
      .add-box-wrap .add-box .middle .btn-row {
        margin-top: 20px;
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        /* line 70, ../scss/framework/_add-box.scss */
        .add-box-wrap .add-box .middle .btn-row button {
          width: 80px;
          margin-left: 15px; }

/* line 1, ../scss/module/index/_index.scss */
#cnzz_stat_icon_1260605815 {
  display: none; }

/* line 13, ../scss/module/index/_index.scss */
.spinner {
  margin: 100px auto 0;
  width: 100%;
  position: absolute;
  text-align: center;
  padding-top: 16%;
  z-index: 9999999; }

/* line 22, ../scss/module/index/_index.scss */
.spinner > div {
  width: 30px;
  height: 30px;
  background-color: #ee7258;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* line 35, ../scss/module/index/_index.scss */
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s; }

/* line 40, ../scss/module/index/_index.scss */
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s; }

@-webkit-keyframes bouncedelay {
  0%,
    80%,
    100% {
    -webkit-transform: scale(0); }
  40% {
    -webkit-transform: scale(1); } }
@keyframes bouncedelay {
  0%,
    80%,
    100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
/* line 69, ../scss/module/index/_index.scss */
.icon-load {
  margin: 100px auto 0;
  width: 100%;
  position: absolute;
  text-align: center;
  padding-top: 5%;
  z-index: 9999999; }
  /* line 76, ../scss/module/index/_index.scss */
  .icon-load img {
    width: 5%;
    height: 5%;
    margin-bottom: -8px;
    margin-right: 5px; }
  /* line 82, ../scss/module/index/_index.scss */
  .icon-load .logo {
    font-size: 33px;
    margin-bottom: 8px; }
  /* line 86, ../scss/module/index/_index.scss */
  .icon-load .loading {
    color: #a3a3a3;
    margin-top: 11px;
    margin-left: 4px;
    font-size: 22px; }

/* line 94, ../scss/module/index/_index.scss */
.tips {
  margin: 100px auto 0;
  width: 100%;
  position: absolute;
  text-align: center;
  color: #888;
  font-size: 14px;
  padding-top: 25%;
  z-index: 9999999; }
  /* line 103, ../scss/module/index/_index.scss */
  .tips .bold {
    font-weight: bold; }

/* line 109, ../scss/module/index/_index.scss */
.shared-toast {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: rgba(163, 163, 163, 0.6);
  z-index: 1000000; }
  /* line 122, ../scss/module/index/_index.scss */
  .shared-toast .toast-content {
    width: 354px;
    height: 286px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #555;
    font-size: 20px;
    box-shadow: 0 0 5px #aaa; }

/* line 136, ../scss/module/index/_index.scss */
.confirm-dialog-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(163, 163, 163, 0.6);
  z-index: 1000000; }
  /* line 147, ../scss/module/index/_index.scss */
  .confirm-dialog-bg .confirm-dialog {
    width: 354px;
    height: 286px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background: #fff;
    box-shadow: 0 0 5px #aaa;
    padding: 20px 0; }
    /* line 157, ../scss/module/index/_index.scss */
    .confirm-dialog-bg .confirm-dialog .close-btn {
      width: 90%;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      font-size: 30px;
      color: #e3613e; }
      /* line 164, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .close-btn i {
        cursor: pointer; }
    /* line 168, ../scss/module/index/_index.scss */
    .confirm-dialog-bg .confirm-dialog .content-tips {
      width: 80%;
      flex-grow: 1;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      color: #555;
      font-size: 16px; }
      /* line 177, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .content-tips .red {
        color: #ee7258;
        font-size: 10px;
        margin-top: 10px; }
    /* line 183, ../scss/module/index/_index.scss */
    .confirm-dialog-bg .confirm-dialog .content-container {
      width: 80%;
      flex-grow: 1;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      color: #555;
      font-size: 20px; }
      /* line 192, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .content-container > div {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        /* line 197, ../scss/module/index/_index.scss */
        .confirm-dialog-bg .confirm-dialog .content-container > div .left {
          display: flex;
          width: 48%;
          justify-content: flex-end;
          font-weight: bold; }
        /* line 203, ../scss/module/index/_index.scss */
        .confirm-dialog-bg .confirm-dialog .content-container > div .right {
          display: flex;
          width: 50%;
          justify-content: flex-start;
          flex: row wrap;
          word-break: break-all; }
      /* line 211, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .content-container .title {
        justify-content: center;
        font-weight: bold;
        margin-bottom: 5px; }
      /* line 216, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .content-container .center {
        justify-content: center; }
      /* line 219, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .content-container .red {
        color: #ee7258; }
    /* line 223, ../scss/module/index/_index.scss */
    .confirm-dialog-bg .confirm-dialog .btn-container {
      flex-grow: 1;
      margin-top: 10px;
      width: 80%;
      display: flex;
      justify-content: space-around;
      align-items: center; }
      /* line 230, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .btn-container button {
        border: none;
        outline: none;
        color: #fff;
        background: #36bc9b;
        height: 30px;
        padding: 0 24px;
        font-size: 13px;
        flex-shrink: 0;
        margin-left: 10px; }
      /* line 241, ../scss/module/index/_index.scss */
      .confirm-dialog-bg .confirm-dialog .btn-container button:hover {
        background: #30a88b; }
  /* line 246, ../scss/module/index/_index.scss */
  .confirm-dialog-bg .wider {
    width: 550px; }
  /* line 249, ../scss/module/index/_index.scss */
  .confirm-dialog-bg .bigger {
    width: 550px;
    height: 400px; }

/**
     * 操作记录共用弹窗
 */
/* line 257, ../scss/module/index/_index.scss */
.history-dialog-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(163, 163, 163, 0.6);
  z-index: 1000000; }
  /* line 268, ../scss/module/index/_index.scss */
  .history-dialog-bg .history-dialog {
    width: 500px;
    height: 400px;
    background: white;
    overflow: hidden; }
    /* line 273, ../scss/module/index/_index.scss */
    .history-dialog-bg .history-dialog .title {
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 22px;
      margin: 10px 0; }
    /* line 280, ../scss/module/index/_index.scss */
    .history-dialog-bg .history-dialog .content {
      width: 520px;
      height: 310px;
      overflow-y: scroll; }
      /* line 284, ../scss/module/index/_index.scss */
      .history-dialog-bg .history-dialog .content .item {
        max-height: 60px;
        padding: 4px 15px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #eee; }
    /* line 294, ../scss/module/index/_index.scss */
    .history-dialog-bg .history-dialog .btn-container {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 299, ../scss/module/index/_index.scss */
      .history-dialog-bg .history-dialog .btn-container button {
        border: none;
        outline: none;
        color: #fff;
        background: #36bc9b;
        height: 30px;
        padding: 0 24px;
        font-size: 13px;
        flex-shrink: 0;
        margin-left: 10px; }
      /* line 310, ../scss/module/index/_index.scss */
      .history-dialog-bg .history-dialog .btn-container button:hover {
        background: #30a88b; }

/* line 317, ../scss/module/index/_index.scss */
.settlement-dialog {
  margin-bottom: -40px;
  position: relative; }
  /* line 320, ../scss/module/index/_index.scss */
  .settlement-dialog .close {
    position: absolute;
    top: -52px;
    left: 287px;
    width: 100%; }
    /* line 326, ../scss/module/index/_index.scss */
    .settlement-dialog .close span img, .settlement-dialog .close .create-spu .new-spec label img, .create-spu .new-spec .settlement-dialog .close label img {
      height: 20px;
      cursor: pointer; }
  /* line 332, ../scss/module/index/_index.scss */
  .settlement-dialog .plus_ {
    width: 50%;
    text-align: center; }
    /* line 335, ../scss/module/index/_index.scss */
    .settlement-dialog .plus_ p {
      padding-bottom: 10px; }
  /* line 340, ../scss/module/index/_index.scss */
  .settlement-dialog button {
    background: #e3613e; }

/* line 344, ../scss/module/index/_index.scss */
.plus-menu {
  position: absolute;
  width: 269px;
  top: 44px;
  left: 155px;
  z-index: 1;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  z-index: 2;
  display: flex; }
  /* line 355, ../scss/module/index/_index.scss */
  .plus-menu .block {
    background: rgba(190, 99, 81, 0.9); }
    /* line 357, ../scss/module/index/_index.scss */
    .plus-menu .block span, .plus-menu .block .create-spu .new-spec label, .create-spu .new-spec .plus-menu .block label {
      position: relative;
      float: left;
      height: 0;
      top: 20px;
      left: 27px;
      opacity: 1; }
    /* line 365, ../scss/module/index/_index.scss */
    .plus-menu .block span:hover, .plus-menu .block .create-spu .new-spec label:hover, .create-spu .new-spec .plus-menu .block label:hover {
      color: #ec7358; }
    /* line 368, ../scss/module/index/_index.scss */
    .plus-menu .block .head-div {
      height: 50px;
      background: #ee7258;
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 374, ../scss/module/index/_index.scss */
      .plus-menu .block .head-div div {
        float: left;
        position: relative;
        display: flex;
        align-items: center;
        height: 27px;
        width: 294px;
        background: #d2654e;
        border-radius: 15px;
        padding-left: 65px;
        left: -25px; }
    /* line 387, ../scss/module/index/_index.scss */
    .plus-menu .block .block-div {
      border-right: 1px solid #6a6a6c;
      border-bottom: 1px solid #6a6a6c; }
      /* line 390, ../scss/module/index/_index.scss */
      .plus-menu .block .block-div:last-child {
        border-bottom: none; }
      /* line 393, ../scss/module/index/_index.scss */
      .plus-menu .block .block-div div {
        display: inline-flex;
        flex-direction: column;
        margin: 12px 0; }
    /* line 399, ../scss/module/index/_index.scss */
    .plus-menu .block .last-div {
      background-color: #be6351;
      opacity: 0.9;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 12px; }
      /* line 407, ../scss/module/index/_index.scss */
      .plus-menu .block .last-div img {
        margin-top: 6px; }
      /* line 410, ../scss/module/index/_index.scss */
      .plus-menu .block .last-div div {
        margin: 8px 0; }
    /* line 414, ../scss/module/index/_index.scss */
    .plus-menu .block a {
      position: relative;
      display: flex;
      justify-content: flex-end;
      width: 269px;
      height: 31px;
      border: none;
      background: transparent;
      color: #fff;
      padding: 6px 19px;
      outline: none;
      cursor: pointer; }
    /* line 427, ../scss/module/index/_index.scss */
    .plus-menu .block a:hover {
      background: #fff;
      color: #ec7358; }
    /* line 431, ../scss/module/index/_index.scss */
    .plus-menu .block .timeMode, .plus-menu .block .timeMode2 {
      background: #96C8CD;
      color: #FFFFFF; }
      /* line 434, ../scss/module/index/_index.scss */
      .plus-menu .block .timeMode a, .plus-menu .block .timeMode2 a {
        color: #FFFFFF; }
        /* line 436, ../scss/module/index/_index.scss */
        .plus-menu .block .timeMode a:hover, .plus-menu .block .timeMode2 a:hover {
          color: #000000;
          background: #FFFFFF; }
      /* line 441, ../scss/module/index/_index.scss */
      .plus-menu .block .timeMode:hover, .plus-menu .block .timeMode2:hover {
        background: #96C8CD; }
    /* line 445, ../scss/module/index/_index.scss */
    .plus-menu .block .timeMode2 {
      background: rgba(77, 153, 162, 0.8); }
      /* line 448, ../scss/module/index/_index.scss */
      .plus-menu .block .timeMode2:hover {
        background: rgba(77, 153, 162, 0.8); }
    /* line 453, ../scss/module/index/_index.scss */
    .plus-menu .block.create .block-div {
      border-bottom: 1px solid #6a6a6c; }

/* line 504, ../scss/module/index/_index.scss */
.feedback-menu {
  position: absolute;
  top: 55px;
  width: 100px;
  right: 108px;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 0 5px #aaa;
  border-top: 2px solid #36bc9b; }
  /* line 471, ../scss/module/index/_index.scss */
  .feedback-menu .img-semi-circle {
    position: relative;
    float: left;
    margin-top: -6px;
    margin-left: 9px; }
  /* line 478, ../scss/module/index/_index.scss */
  .feedback-menu .btn-corner-menu {
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid #eeeeee; }
    /* line 486, ../scss/module/index/_index.scss */
    .feedback-menu .btn-corner-menu img {
      width: 20px; }
    /* line 489, ../scss/module/index/_index.scss */
    .feedback-menu .btn-corner-menu button {
      width: 66px;
      color: #808080;
      font-size: 12px;
      border: none;
      background: transparent;
      outline: none; }
  /* line 498, ../scss/module/index/_index.scss */
  .feedback-menu .btn-corner-menu:hover {
    background: #f8f8f8; }

/* line 507, ../scss/module/index/_index.scss */
.feedback-menu {
  top: 40px;
  width: 285px;
  height: 170px;
  display: flex;
  justify-content: center; }
  /* line 514, ../scss/module/index/_index.scss */
  .feedback-menu .feedback-container {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 5px #aaa;
    background: #fff;
    border-radius: 2px; }
    /* line 524, ../scss/module/index/_index.scss */
    .feedback-menu .feedback-container .content {
      width: 92%;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      background: #fafafc;
      margin-top: 9px; }
      /* line 533, ../scss/module/index/_index.scss */
      .feedback-menu .feedback-container .content textarea {
        width: 100%;
        height: 100%;
        border: 1px solid #ccc;
        outline: none;
        border-radius: 5px;
        resize: none; }
    /* line 544, ../scss/module/index/_index.scss */
    .feedback-menu .feedback-container button {
      margin-top: 5px;
      margin-bottom: 5px;
      height: 31px;
      line-height: 12px;
      width: 100px;
      font-size: 15px;
      font-weight: bold;
      background: #ee7258;
      color: #fff;
      border: none;
      outline: none; }
    /* line 558, ../scss/module/index/_index.scss */
    .feedback-menu .feedback-container button:hover {
      background: #ec5e41; }

/* line 565, ../scss/module/index/_index.scss */
.setting-menu {
  position: absolute;
  top: 55px;
  width: 100px;
  right: 108px;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 0 5px #aaa;
  border-top: 2px solid #36bc9b; }
  /* line 471, ../scss/module/index/_index.scss */
  .setting-menu .img-semi-circle {
    position: relative;
    float: left;
    margin-top: -6px;
    margin-left: 9px; }
  /* line 478, ../scss/module/index/_index.scss */
  .setting-menu .btn-corner-menu {
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid #eeeeee; }
    /* line 486, ../scss/module/index/_index.scss */
    .setting-menu .btn-corner-menu img {
      width: 20px; }
    /* line 489, ../scss/module/index/_index.scss */
    .setting-menu .btn-corner-menu button {
      width: 66px;
      color: #808080;
      font-size: 12px;
      border: none;
      background: transparent;
      outline: none; }
  /* line 498, ../scss/module/index/_index.scss */
  .setting-menu .btn-corner-menu:hover {
    background: #f8f8f8; }

/* line 570, ../scss/module/index/_index.scss */
.user-menu {
  position: absolute;
  top: 55px;
  width: 100px;
  right: 3px;
  background-color: #fff;
  z-index: 1000;
  box-shadow: 0 0 5px #aaa;
  border-top: 2px solid #36bc9b; }
  /* line 471, ../scss/module/index/_index.scss */
  .user-menu .img-semi-circle {
    position: relative;
    float: left;
    margin-top: -6px;
    margin-left: 9px; }
  /* line 478, ../scss/module/index/_index.scss */
  .user-menu .btn-corner-menu {
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid #eeeeee; }
    /* line 486, ../scss/module/index/_index.scss */
    .user-menu .btn-corner-menu img {
      width: 20px; }
    /* line 489, ../scss/module/index/_index.scss */
    .user-menu .btn-corner-menu button {
      width: 66px;
      color: #808080;
      font-size: 12px;
      border: none;
      background: transparent;
      outline: none; }
  /* line 498, ../scss/module/index/_index.scss */
  .user-menu .btn-corner-menu:hover {
    background: #f8f8f8; }

/* line 576, ../scss/module/index/_index.scss */
.app .timeModeTipBox {
  position: absolute;
  right: 580px;
  height: 40px;
  border: 1px red solid;
  border-radius: 20px;
  z-index: 9999;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
  color: red;
  font-weight: bold;
  background: #eee; }
/* line 591, ../scss/module/index/_index.scss */
.app .app-title {
  display: flex;
  flex-flow: row;
  align-items: center;
  color: #666666;
  font-size: 18px;
  height: 44px; }
  /* line 599, ../scss/module/index/_index.scss */
  .app .app-title .icon-title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    cursor: pointer; }
    /* line 605, ../scss/module/index/_index.scss */
    .app .app-title .icon-title img {
      width: 21px;
      height: 21px;
      margin-bottom: 2px;
      margin-right: 5px; }
    /* line 612, ../scss/module/index/_index.scss */
    .app .app-title .icon-title .xingyun {
      font-weight: bold; }
  /* line 623, ../scss/module/index/_index.scss */
  .app .app-title .input-container {
    margin-left: 55px; }
    /* line 627, ../scss/module/index/_index.scss */
    .app .app-title .input-container input, .app .app-title .input-container .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .app .app-title .input-container textarea, .app .app-title .input-container .shop-info .content .above-container div select, .shop-info .content .above-container div .app .app-title .input-container select {
      position: relative;
      width: 160px;
      border-radius: 15px;
      padding-left: 5px;
      height: 24px;
      font-size: 9px; }
    /* line 642, ../scss/module/index/_index.scss */
    .app .app-title .input-container img {
      position: relative;
      float: right;
      right: 22px;
      top: 7px;
      cursor: pointer; }
  /* line 651, ../scss/module/index/_index.scss */
  .app .app-title .setting-container {
    position: absolute;
    top: 7px;
    right: 26px;
    justify-self: flex-end;
    display: flex;
    align-items: center; }
    /* line 658, ../scss/module/index/_index.scss */
    .app .app-title .setting-container div {
      cursor: pointer; }
    /* line 661, ../scss/module/index/_index.scss */
    .app .app-title .setting-container .feedback-menu-container, .app .app-title .setting-container .charge-menu-container,
    .app .app-title .setting-container .added-service-menu-container,
    .app .app-title .setting-container .help-menu-container {
      display: flex;
      height: 30px;
      align-items: center;
      justify-content: center; }
      /* line 666, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .feedback-menu-container img, .app .app-title .setting-container .charge-menu-container img,
      .app .app-title .setting-container .added-service-menu-container img,
      .app .app-title .setting-container .help-menu-container img {
        height: 16px;
        margin-left: 10px; }
      /* line 670, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .feedback-menu-container button, .app .app-title .setting-container .charge-menu-container button,
      .app .app-title .setting-container .added-service-menu-container button,
      .app .app-title .setting-container .help-menu-container button {
        border: none;
        background: transparent;
        padding: 0;
        margin: 0 10px 0 3px;
        font-size: 13px;
        color: #898989;
        outline: none; }
      /* line 679, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .feedback-menu-container a, .app .app-title .setting-container .charge-menu-container a,
      .app .app-title .setting-container .added-service-menu-container a,
      .app .app-title .setting-container .help-menu-container a {
        color: #898989; }
        /* line 681, ../scss/module/index/_index.scss */
        .app .app-title .setting-container .feedback-menu-container a:hover, .app .app-title .setting-container .charge-menu-container a:hover,
        .app .app-title .setting-container .added-service-menu-container a:hover,
        .app .app-title .setting-container .help-menu-container a:hover {
          color: #898989; }
        /* line 684, ../scss/module/index/_index.scss */
        .app .app-title .setting-container .feedback-menu-container a:visited, .app .app-title .setting-container .charge-menu-container a:visited,
        .app .app-title .setting-container .added-service-menu-container a:visited,
        .app .app-title .setting-container .help-menu-container a:visited {
          color: #898989; }
    /* line 694, ../scss/module/index/_index.scss */
    .app .app-title .setting-container .setting-menu-container {
      display: flex;
      height: 30px;
      align-items: center;
      justify-content: center; }
      /* line 699, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .setting-menu-container img {
        margin-left: 10px; }
      /* line 702, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .setting-menu-container button {
        border: none;
        background: transparent;
        padding: 0;
        margin: 0 10px 0 3px;
        font-size: 13px;
        color: #898989;
        outline: none; }
      /* line 711, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .setting-menu-container.top {
        z-index: 10000;
        background: white;
        border: 2px solid blue; }
    /* line 718, ../scss/module/index/_index.scss */
    .app .app-title .setting-container .user-menu-container {
      display: flex;
      height: 30px;
      align-items: center;
      justify-content: center;
      padding-left: 10px; }
      /* line 724, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .user-menu-container img {
        margin: 3px; }
      /* line 727, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .user-menu-container .card {
        width: 20px;
        height: 16px; }
      /* line 731, ../scss/module/index/_index.scss */
      .app .app-title .setting-container .user-menu-container button {
        border: none;
        background: transparent;
        padding: 0;
        margin: 0 3px;
        font-size: 13px;
        color: #898989;
        outline: none; }
    /* line 741, ../scss/module/index/_index.scss */
    .app .app-title .setting-container .setting-menu-container:hover {
      background: #f8f8f8; }
    /* line 744, ../scss/module/index/_index.scss */
    .app .app-title .setting-container .user-menu-container:hover {
      background: #f8f8f8; }
    /* line 747, ../scss/module/index/_index.scss */
    .app .app-title .setting-container .feedback-menu-container:hover, .app .app-title .setting-container .charge-menu-container:hover,
    .app .app-title .setting-container .added-service-menu-container:hover,
    .app .app-title .setting-container .help-menu-container:hover {
      background: #f8f8f8; }
/* line 752, ../scss/module/index/_index.scss */
.app .sidenav-and-function-body {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 0;
  font-size: 0;
  background-color: #eeeeee; }
  /* line 761, ../scss/module/index/_index.scss */
  .app .sidenav-and-function-body .sidenav {
    /*position: fixed;*/
    width: 175px;
    height: 100%;
    overflow-y: scroll;
    background-color: #464646; }
    /* line 769, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .scroll_wrap {
      position: absolute;
      width: 20px;
      height: 100%;
      left: 155px;
      background: #eeeeee;
      z-index: 1;
      border: none; }
    /* line 778, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .qrcode {
      width: 155px;
      height: 11vh;
      position: absolute;
      bottom: 45px;
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 786, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .qrcode img {
        width: 11vh;
        height: 11vh; }
    /* line 791, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav div {
      cursor: pointer; }
    /* line 794, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav button {
      border: none;
      background: transparent;
      padding: 0;
      font-size: 13px;
      color: #e3e3e3;
      font-weight: bold;
      outline: none; }
    /* line 804, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .plus-btn-area {
      position: relative;
      height: 50px;
      width: 155px;
      background-color: #ee7258;
      display: flex;
      flex-direction: row;
      align-items: center; }
      /* line 813, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .plus-btn-area button {
        position: relative;
        letter-spacing: 2px;
        color: #fff; }
      /* line 820, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .plus-btn-area img {
        margin-left: 15px;
        margin-right: 11px; }
    /* line 827, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .plus-btn-area:hover {
      background: #ec5e41; }
    /* line 830, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .timeMode, .app .sidenav-and-function-body .sidenav .plus-menu .block .timeMode2, .plus-menu .block .app .sidenav-and-function-body .sidenav .timeMode2 {
      background: #96C8CD;
      color: #FFFFFF; }
      /* line 833, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .timeMode a, .app .sidenav-and-function-body .sidenav .plus-menu .block .timeMode2 a, .plus-menu .block .app .sidenav-and-function-body .sidenav .timeMode2 a {
        color: #FFFFFF; }
        /* line 835, ../scss/module/index/_index.scss */
        .app .sidenav-and-function-body .sidenav .timeMode a:hover, .app .sidenav-and-function-body .sidenav .plus-menu .block .timeMode2 a:hover, .plus-menu .block .app .sidenav-and-function-body .sidenav .timeMode2 a:hover {
          color: #000000;
          background: #FFFFFF; }
      /* line 840, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .timeMode:hover, .app .sidenav-and-function-body .sidenav .plus-menu .block .timeMode2:hover, .plus-menu .block .app .sidenav-and-function-body .sidenav .timeMode2:hover {
        background: #96C8CD; }
    /* line 845, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .function-area {
      display: flex;
      align-items: center;
      width: 155px;
      height: 50px; }
      /* line 850, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .function-area img {
        margin-right: 16px; }
      /* line 853, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .function-area img.noDropBtn {
        margin-left: 25px; }
      /* line 856, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .function-area .dropImg {
        width: 13px;
        margin: 0 5px; }
    /* line 861, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .function-area:last-child {
      margin-bottom: 300px; }
    /* line 864, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .function-area:hover {
      background: #272727;
      border-left: 2px solid #36bc9b; }
      /* line 867, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .function-area:hover button {
        color: #fff; }
    /* line 871, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .function-area.highlight {
      background: #272727;
      border-left: 2px solid #36bc9b; }
      /* line 874, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .function-area.highlight button {
        color: #fff; }
    /* line 879, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .sub-function-area {
      display: flex;
      align-items: center;
      width: 155px;
      height: 30px; }
      /* line 884, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .sub-function-area img {
        visibility: hidden;
        margin-left: 22px;
        margin-right: 23px; }
    /* line 890, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .sub-function-area:hover {
      background: #272727; }
      /* line 892, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .sub-function-area:hover button {
        color: #fff; }
      /* line 895, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .sub-function-area:hover .point {
        visibility: visible; }
    /* line 899, ../scss/module/index/_index.scss */
    .app .sidenav-and-function-body .sidenav .sub-function-area.highlight {
      background: #272727; }
      /* line 901, ../scss/module/index/_index.scss */
      .app .sidenav-and-function-body .sidenav .sub-function-area.highlight .point {
        visibility: visible; }
  /* line 907, ../scss/module/index/_index.scss */
  .app .sidenav-and-function-body .function-body {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -17px;
    overflow-y: scroll;
    margin-left: 155px;
    font-size: 15px;
    padding: 30px;
    z-index: 1; }

/* line 923, ../scss/module/index/_index.scss */
.checkTimeModeBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 934, ../scss/module/index/_index.scss */
  .checkTimeModeBox .timeBox {
    width: 300px;
    padding: 15px;
    background: white;
    border-radius: 15px; }
    /* line 939, ../scss/module/index/_index.scss */
    .checkTimeModeBox .timeBox .title {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      /* line 943, ../scss/module/index/_index.scss */
      .checkTimeModeBox .timeBox .title .quit {
        height: 30px;
        cursor: pointer; }
    /* line 948, ../scss/module/index/_index.scss */
    .checkTimeModeBox .timeBox .middle {
      margin-top: 20px; }
      /* line 950, ../scss/module/index/_index.scss */
      .checkTimeModeBox .timeBox .middle input, .checkTimeModeBox .timeBox .middle .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .checkTimeModeBox .timeBox .middle textarea, .checkTimeModeBox .timeBox .middle .shop-info .content .above-container div select, .shop-info .content .above-container div .checkTimeModeBox .timeBox .middle select {
        text-align: center; }
    /* line 954, ../scss/module/index/_index.scss */
    .checkTimeModeBox .timeBox .tip {
      color: red; }
    /* line 957, ../scss/module/index/_index.scss */
    .checkTimeModeBox .timeBox .btn-row {
      margin: 20px 0;
      text-align: center; }

/* line 963, ../scss/module/index/_index.scss */
.mainContent {
  height: 100%; }
  /* line 965, ../scss/module/index/_index.scss */
  .mainContent .login-box-wrap {
    height: 100%; }

/* line 970, ../scss/module/index/_index.scss */
.novice_boot {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.5); }
  /* line 978, ../scss/module/index/_index.scss */
  .novice_boot div {
    position: absolute; }
  /* line 981, ../scss/module/index/_index.scss */
  .novice_boot div.title {
    width: 150px;
    height: 50px;
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-left: 46%;
    margin-top: 50px; }
  /* line 991, ../scss/module/index/_index.scss */
  .novice_boot .welcome {
    top: 16%;
    right: 30%;
    width: 500px;
    height: 450px;
    padding: 20px;
    border-radius: 50px;
    background: white; }
    /* line 999, ../scss/module/index/_index.scss */
    .novice_boot .welcome .next {
      position: absolute;
      bottom: 0;
      height: 50px;
      width: 460px;
      display: flex;
      justify-content: space-around; }
      /* line 1006, ../scss/module/index/_index.scss */
      .novice_boot .welcome .next a {
        display: block;
        color: blue;
        width: 100px;
        text-align: center;
        line-height: 50px;
        cursor: pointer; }
      /* line 1014, ../scss/module/index/_index.scss */
      .novice_boot .welcome .next button {
        height: 45px;
        width: 130px;
        padding-bottom: 2px;
        border: none;
        font-size: 24px;
        font-weight: bold;
        border-radius: 5px;
        color: white;
        background-color: #e67354; }
        /* line 1024, ../scss/module/index/_index.scss */
        .novice_boot .welcome .next button:hover {
          background-color: #e3613e; }
        /* line 1027, ../scss/module/index/_index.scss */
        .novice_boot .welcome .next button:active {
          background-color: #cf441e; }
    /* line 1032, ../scss/module/index/_index.scss */
    .novice_boot .welcome div {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 15px; }
      /* line 1036, ../scss/module/index/_index.scss */
      .novice_boot .welcome div .title {
        text-align: center;
        font-size: 25px;
        font-weight: bold; }
      /* line 1041, ../scss/module/index/_index.scss */
      .novice_boot .welcome div p.title {
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px; }
      /* line 1047, ../scss/module/index/_index.scss */
      .novice_boot .welcome div p.content {
        padding: 0 2em;
        font-size: 14px;
        margin-top: 15px; }
  /* line 1054, ../scss/module/index/_index.scss */
  .novice_boot .step-0 {
    top: 0px;
    right: 185px;
    height: 50px;
    width: 70px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex0.png"); }
  /* line 1063, ../scss/module/index/_index.scss */
  .novice_boot .step-1 {
    top: 55px;
    right: 108px;
    height: 240px;
    width: 100px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex1.png"); }
  /* line 1072, ../scss/module/index/_index.scss */
  .novice_boot .step-2 {
    top: 45px;
    height: 50px;
    width: 155px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex2.png"); }
  /* line 1080, ../scss/module/index/_index.scss */
  .novice_boot .step-3 {
    top: 150px;
    height: 50px;
    width: 155px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex3.png"); }
  /* line 1088, ../scss/module/index/_index.scss */
  .novice_boot .step-4 {
    top: 205px;
    height: 110px;
    width: 155px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex4.png"); }
  /* line 1096, ../scss/module/index/_index.scss */
  .novice_boot .step-5 {
    top: 400px;
    height: 40px;
    width: 155px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex5.png"); }
  /* line 1104, ../scss/module/index/_index.scss */
  .novice_boot .step-6 {
    top: 510px;
    height: 40px;
    width: 155px;
    border: 2px solid blue;
    background: transparent;
    background: url("../img/misc/stepIndex6.png"); }
  /* line 1112, ../scss/module/index/_index.scss */
  .novice_boot img {
    position: absolute; }
  /* line 1115, ../scss/module/index/_index.scss */
  .novice_boot .img0 {
    top: 50px;
    right: 160px; }
  /* line 1119, ../scss/module/index/_index.scss */
  .novice_boot .img1 {
    top: 145px;
    right: 115px; }
  /* line 1123, ../scss/module/index/_index.scss */
  .novice_boot .img2 {
    top: 50px;
    left: 180px; }
  /* line 1127, ../scss/module/index/_index.scss */
  .novice_boot .img3 {
    top: 155px;
    left: 180px; }
  /* line 1131, ../scss/module/index/_index.scss */
  .novice_boot .img4 {
    top: 245px;
    left: 180px; }
  /* line 1135, ../scss/module/index/_index.scss */
  .novice_boot .img5 {
    top: 405px;
    left: 180px; }
  /* line 1139, ../scss/module/index/_index.scss */
  .novice_boot .img6 {
    top: 515px;
    left: 180px; }

/* line 1144, ../scss/module/index/_index.scss */
.upDate-tip-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 55px; }
  /* line 1156, ../scss/module/index/_index.scss */
  .upDate-tip-wrap .upDate-tip-box {
    width: 550px;
    height: 580px;
    background: white;
    display: flex;
    flex-flow: column;
    justify-content: space-between; }
    /* line 1163, ../scss/module/index/_index.scss */
    .upDate-tip-wrap .upDate-tip-box .tip-img-row {
      display: flex;
      justify-content: center; }
      /* line 1166, ../scss/module/index/_index.scss */
      .upDate-tip-wrap .upDate-tip-box .tip-img-row img {
        width: 550px;
        height: 480px; }
    /* line 1171, ../scss/module/index/_index.scss */
    .upDate-tip-wrap .upDate-tip-box .tip-step-row {
      height: 100px;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      align-items: center;
      padding: 0 20px; }
      /* line 1178, ../scss/module/index/_index.scss */
      .upDate-tip-wrap .upDate-tip-box .tip-step-row ul {
        width: 200px;
        display: flex;
        flex-flow: row;
        justify-content: space-around;
        align-items: center; }
        /* line 1184, ../scss/module/index/_index.scss */
        .upDate-tip-wrap .upDate-tip-box .tip-step-row ul li {
          width: 20px;
          height: 20px;
          border-radius: 10px;
          background: white;
          border: 1px solid #222;
          cursor: pointer; }
        /* line 1192, ../scss/module/index/_index.scss */
        .upDate-tip-wrap .upDate-tip-box .tip-step-row ul .active {
          background: red; }
      /* line 1196, ../scss/module/index/_index.scss */
      .upDate-tip-wrap .upDate-tip-box .tip-step-row button {
        height: 50px;
        margin: 0; }

/*.sales-order.shadow{background: green;}*/
/* line 5, ../scss/module/order/_sales-order.scss */
.sales-order {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #a3a3a3;
  /*.shadow{background: rgba(163, 163, 163, 0.6);}
.normal{background: white;}*/ }
  /* line 12, ../scss/module/order/_sales-order.scss */
  .sales-order .body-class.shadow {
    overflow: hidden; }
  /* line 15, ../scss/module/order/_sales-order.scss */
  .sales-order .body-class {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: white;
    /*background: rgba(163, 163, 163, 0.6);*/
    /*第二步：客户信息*/
    /*提交页面的布局*/ }
    /* line 26, ../scss/module/order/_sales-order.scss */
    .sales-order .body-class .title-bar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; }
    /* line 34, ../scss/module/order/_sales-order.scss */
    .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow {
      display: flex;
      width: 100%;
      height: 100%; }
      /* line 38, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow input, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow textarea, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow select {
        font-size: 12px; }
      /* line 41, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left {
        width: 100%;
        display: flex;
        justify-content: center;
        overflow-x: hidden;
        overflow-y: auto; }
        /* line 47, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container {
          height: 100%;
          overflow: auto;
          width: 100%;
          background: white;
          padding: 40px; }
          /* line 53, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container {
            /*margin-left: 35px;*/
            display: flex;
            flex-flow: column;
            margin: 25px 0; }
            /* line 59, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .title-name-row .title-name {
              width: 105px;
              text-align: center; }
            /* line 65, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .input-row input, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .input-row .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .input-row textarea, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .input-row .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .input-row select {
              height: 40px;
              width: 70%;
              border: none;
              border-radius: 5px;
              background-color: #eeeeee;
              border-left: 5px solid #dbb5a8; }
            /* line 74, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .cstmr-list {
              display: flex;
              align-content: flex-start;
              flex-wrap: wrap;
              width: 88%;
              background-color: white; }
              /* line 80, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .cstmr-list .auto-complete-content {
                width: 200px;
                margin-top: 10px;
                margin-right: 10px;
                border-radius: 5px; }
                /* line 85, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .cstmr-list .auto-complete-content button {
                  width: 200px;
                  height: 30px;
                  border: none;
                  border-radius: 5px; }
                  /* line 90, ../scss/module/order/_sales-order.scss */
                  .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .cstmr-list .auto-complete-content button:hover {
                    color: white;
                    background-color: grey; }
                /* line 95, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-container .cstmr-list .auto-complete-content button.active {
                  background: #36bc9b;
                  color: white; }
          /* line 102, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .xy-checkbox {
            position: inherit; }
            /* line 104, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .xy-checkbox input, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .xy-checkbox .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .xy-checkbox textarea, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .xy-checkbox .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .xy-checkbox select {
              position: inherit; }
          /* line 109, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            justify-content: center;
            margin-top: 10px;
            border: 1px dashed #b2b2b2;
            padding: 15px;
            width: 80%; }
            /* line 118, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .zuijinshiyongdelianxiren {
              font-size: 0.9em; }
              /* line 120, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .zuijinshiyongdelianxiren span, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .zuijinshiyongdelianxiren .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .zuijinshiyongdelianxiren label {
                width: 200px; }
            /* line 124, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .recent-cstmr-container {
              margin-top: 5px;
              margin-bottom: 10px;
              display: flex;
              flex-flow: row wrap;
              align-items: center; }
              /* line 130, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .recent-cstmr-container button {
                margin-right: 10px;
                border: 1px solid grey;
                height: 22px;
                background-color: white; }
                /* line 135, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .recent-cstmr-container button:hover {
                  background-color: #eeeeee; }
              /* line 140, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .recent-cstmr-container .add-contact {
                border: none;
                background: #36bc9b;
                color: #fff; }
                /* line 144, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .recent-cstmr-container .add-contact:hover {
                  background: #30a88b; }
            /* line 150, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div {
              display: flex;
              flex-flow: row;
              align-items: center; }
              /* line 154, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div span, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div label {
                width: 100px; }
              /* line 157, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div input, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div textarea, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info .shop-info .content .above-container div select, .shop-info .content .above-container .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div select {
                flex-grow: 5; }
              /* line 161, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info div textarea {
                flex-grow: 5; }
            /* line 166, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info .cstmr-list {
              display: flex;
              flex-flow: row wrap;
              align-items: center; }
              /* line 170, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info .cstmr-list button {
                border: none;
                outline: none;
                flex-shrink: 0;
                margin-top: 1px;
                margin-right: 1px;
                width: 200px;
                height: 25px; }
                /* line 178, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .cstmr-info-group .cstmr-info .cstmr-list button:hover {
                  color: white;
                  background-color: grey; }
          /* line 186, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .protect {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 20px 0; }
            /* line 191, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .protect div {
              width: 50%;
              height: 2px;
              background: #f9d388; }
            /* line 196, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .protect .left {
              margin-right: 15px; }
            /* line 199, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-left .left-container .protect .right {
              margin-left: 15px; }
      /* line 206, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-left: 10px;
        width: 280px; }
        /* line 212, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license {
          background-color: white;
          padding: 15px;
          display: flex;
          flex-direction: column;
          align-items: center;
          margin-bottom: 10px; }
          /* line 218, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license input, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license textarea, .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license select {
            margin-top: 10px;
            height: 30px; }
          /* line 222, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license .recent-license {
            margin-top: 10px;
            align-self: flex-start;
            font-size: 0.9em;
            font-family: simhei; }
          /* line 228, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license .recent-license-button-container {
            margin-top: 5px;
            display: flex;
            align-self: flex-start;
            flex-wrap: wrap; }
            /* line 233, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license .recent-license-button-container button {
              margin-right: 2px;
              border: 1px solid grey;
              height: 22px;
              background-color: white; }
              /* line 238, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .cstmr-info-tab.typical-left-right-narrow .t-right .car-license .recent-license-button-container button:hover {
                background-color: #eeeeee; }
    /* line 247, ../scss/module/order/_sales-order.scss */
    .sales-order .body-class .good-pick-and-list-tab {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      overflow-x: hidden; }
      /* line 259, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .good-pick-and-list-tab .button-div {
        width: 100%;
        background-color: white;
        display: flex;
        flex-direction: row;
        justify-content: flex-start; }
      /* line 266, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .good-pick-and-list-tab .g-left {
        width: 100%;
        margin-right: 5px; }
      /* line 270, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .good-pick-and-list-tab .g-right {
        width: 100%;
        background: #fff; }
    /* line 279, ../scss/module/order/_sales-order.scss */
    .sales-order .body-class .order-good-list-tab.typical-left-right-narrow {
      display: flex;
      justify-content: space-between;
      height: 100%;
      overflow: hidden;
      padding: 40px; }
      /* line 285, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        height: 100%;
        width: 100%; }
        /* line 291, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container {
          overflow-x: hidden;
          overflow-y: auto;
          padding-right: 17px;
          margin-right: -17px;
          /*添加按钮*/ }
          /* line 296, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container {
            /*margin-left: 35px;*/
            display: flex;
            flex-flow: column;
            margin: 0 0 40px 0; }
            /* line 301, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .small-title {
              border-radius: 3px;
              display: inline-block;
              width: 80px;
              margin-left: 5px;
              text-indent: 8px;
              font-size: 14px;
              padding: 5px;
              border-top: 3px #dbb5a8 solid; }
            /* line 312, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .title-name-row .title-name {
              width: 105px;
              text-align: center; }
            /* line 318, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .input-row input, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .input-row .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .input-row textarea, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .input-row .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .input-row select {
              height: 40px;
              width: 70%;
              border: none;
              border-radius: 5px;
              background-color: #eeeeee;
              border-left: 5px solid #dbb5a8; }
            /* line 327, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .sto-list {
              display: flex;
              align-content: flex-start;
              flex-wrap: wrap;
              width: 88%;
              background-color: white; }
              /* line 333, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .sto-list .auto-complete-content {
                width: 200px;
                margin-top: 10px;
                margin-right: 10px;
                border-radius: 5px; }
                /* line 338, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .sto-list .auto-complete-content button {
                  width: 200px;
                  height: 30px;
                  border: none;
                  border-radius: 5px; }
                  /* line 343, ../scss/module/order/_sales-order.scss */
                  .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .sto-list .auto-complete-content button:hover {
                    color: white;
                    background-color: grey; }
                /* line 348, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .sto-container .sto-list .auto-complete-content button.active {
                  background: #36bc9b;
                  color: white; }
          /* line 355, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table {
            border-top: 5px solid #eee;
            width: 80%; }
            /* line 359, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div span, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div label {
              width: 14%; }
            /* line 362, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div input, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div textarea, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table .shop-info .content .above-container div select, .shop-info .content .above-container .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div select {
              box-sizing: border-box;
              width: 14%;
              text-align: center; }
            /* line 367, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs {
              display: flex;
              height: 100%;
              width: 14%;
              justify-content: space-around; }
              /* line 372, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs span, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs label {
                width: 50%;
                cursor: pointer; }
              /* line 376, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs span:hover, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs .create-spu .new-spec label:hover, .create-spu .new-spec .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .table div .two-imgs label:hover {
                background: #eee; }
          /* line 383, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .div-add-btn {
            margin-top: 15px;
            display: flex;
            /*baseline-shift: 12px;*/ }
            /* line 386, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .div-add-btn .xy-btn {
              margin: 0; }
          /* line 391, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div {
            padding: 30px 0; }
            /* line 393, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row {
              display: inline-block;
              width: 80%; }
              /* line 396, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row span, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row label {
                width: 80px; }
              /* line 399, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row input, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row textarea, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .input-row select {
                width: 200px; }
            /* line 403, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .xy-checkbox {
              display: flex;
              align-items: center; }
              /* line 406, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .xy-checkbox .tip {
                color: red;
                font-size: 12px;
                line-height: 30px;
                padding-left: 2em; }
            /* line 413, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .xy-checkbox-inline {
              margin-left: 20px; }
            /* line 416, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .check-box {
              margin-top: 20px; }
            /* line 419, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .table-container .freight-div .btn-inline {
              display: inline-block;
              margin-left: 30px; }
        /* line 425, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .total-price-container {
          width: 100%;
          height: 110px;
          display: flex;
          justify-content: center;
          flex-shrink: 0; }
          /* line 431, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .total-price-container span, .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .total-price-container .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-left .total-price-container label {
            padding: 0 2px;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 50px; }
      /* line 441, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-right {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-left: 10px;
        width: 280px; }
        /* line 447, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-right .tot-price-block {
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 30px;
          background-color: white; }
          /* line 453, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-right .tot-price-block .dingdanzonge {
            font-family: SimHei;
            font-size: 23px; }
          /* line 457, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-right .tot-price-block .check {
            margin-top: 10px;
            font-size: 0.9em; }
          /* line 461, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .order-good-list-tab.typical-left-right-narrow .t-right .tot-price-block .tot-price {
            margin-top: 30px;
            margin-bottom: 30px;
            font-family: SimHei;
            font-size: 40px; }
    /* line 470, ../scss/module/order/_sales-order.scss */
    .sales-order .body-class .GoodListDialog {
      position: fixed;
      top: 0;
      display: flex;
      justify-content: center;
      overflow: hidden;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      background: #a3a3a3; }
      /* line 481, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .GoodListDialog .goodListTotal {
        display: flex;
        flex-direction: column;
        /*align-items: center;*/
        /*justify-content: center;*/
        /*margin-top: 5%;*/
        overflow: hidden;
        width: 80%;
        height: 100%; }
        /* line 490, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .GoodListDialog .goodListTotal .search-and-cat {
          width: 100%;
          display: flex;
          flex-shrink: 0;
          flex-direction: column;
          justify-content: center;
          /*background-color: white;*/ }
        /* line 498, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .GoodListDialog .goodListTotal .search-bar-red {
          background: transparent;
          /*padding: 0px 32px 0px 0px;*/
          padding: 4px 35px 0 24px;
          height: 60px;
          margin-left: -24px;
          /*margin-right: -44px;*/
          box-shadow: 1px 1px 3px #2b2b2b; }
        /* line 507, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .GoodListDialog .goodListTotal .filter-bar-red {
          display: flex;
          justify-content: space-between;
          align-items: center;
          box-shadow: 1px 1px 3px #2b2b2b;
          padding: 0 24px; }
          /* line 513, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .GoodListDialog .goodListTotal .filter-bar-red .create-spu-btn {
            margin: 0; }
        /* line 517, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .GoodListDialog .goodListTotal .quit {
          position: fixed;
          bottom: 50px;
          right: 30px;
          text-align: center;
          /*padding: 5px;*/ }
          /* line 523, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .GoodListDialog .goodListTotal .quit button {
            box-shadow: 1px 1px 3px #2b2b2b; }
          /* line 526, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .GoodListDialog .goodListTotal .quit img {
            width: 20px;
            height: 20px;
            margin-right: -10px; }
        /* line 532, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .GoodListDialog .goodListTotal .btnquit {
          width: 100%;
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          margin-top: 10px;
          margin-right: -45px;
          /*padding: 5px;*/ }
          /* line 539, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .GoodListDialog .goodListTotal .btnquit button {
            background: none; }
          /* line 543, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .GoodListDialog .goodListTotal .btnquit img {
            width: 30px;
            height: 30px;
            margin-right: -10px; }
        /* line 549, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .GoodListDialog .goodListTotal .good-list {
          /*width: 100%;*/
          display: flex;
          flex-flow: row wrap;
          align-content: flex-start;
          overflow-y: scroll;
          overflow-x: hidden;
          margin-top: 5px;
          margin-right: -18px;
          /*box-shadow: 10px 10px 5px #888888;*/ }
          /* line 559, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit {
            position: relative;
            margin-top: 2px;
            margin-right: 2px;
            background-color: white;
            flex-shrink: 0;
            width: 101.6px;
            height: 101.6px;
            cursor: pointer; }
            /* line 568, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .item-info {
              position: absolute;
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: center;
              padding: 5px; }
              /* line 577, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .item-info .spec-name {
                text-align: end;
                font-size: 0.9em; }
              /* line 581, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .item-info:hover {
                background-color: #ee7258;
                color: white; }
                /* line 584, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .item-info:hover .spu-name {
                  white-space: normal; }
              /* line 588, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .item-info:active {
                background-color: #ec5e41; }
            /* line 592, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .already-add {
              position: absolute;
              width: 100%;
              height: 100%;
              background-color: #ee7258;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              color: white;
              opacity: 0.8;
              z-index: 100; }
              /* line 604, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .already-add .click-to-modify {
                margin-top: 5px;
                font-size: 0.9em; }
            /* line 609, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .GoodListDialog .goodListTotal .good-list .good-unit .editing {
              background-color: #E76646;
              opacity: 0.9; }
    /* line 618, ../scss/module/order/_sales-order.scss */
    .sales-order .body-class .submit-tab {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      background-color: white;
      flex-grow: 1;
      overflow: hidden; }
      /* line 626, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .submit-tab .date-input {
        border: none;
        padding: 0;
        margin: 0;
        box-shadow: none;
        border-bottom: 1px solid black;
        text-align: center; }
      /* line 634, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .submit-tab .prompt {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(163, 163, 163, 0.6); }
        /* line 644, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .prompt div {
          width: 354px;
          height: 286px;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #fff;
          color: #000;
          font-size: 20px; }
      /* line 657, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .submit-tab .submit-tab-sub {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        padding: 40px;
        padding-top: 0px;
        overflow: auto;
        margin-right: -17px;
        margin-bottom: 50px; }
        /* line 668, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .freight {
          margin-bottom: 20px; }
          /* line 671, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .freight span input, .sales-order .body-class .submit-tab .submit-tab-sub .freight .create-spu .new-spec label input, .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .freight label input, .sales-order .body-class .submit-tab .submit-tab-sub .freight span .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .submit-tab .submit-tab-sub .freight span textarea, .sales-order .body-class .submit-tab .submit-tab-sub .freight .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .submit-tab .submit-tab-sub .freight .create-spu .new-spec label textarea, .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .freight label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .freight label textarea, .sales-order .body-class .submit-tab .submit-tab-sub .freight span .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .submit-tab .submit-tab-sub .freight span select, .sales-order .body-class .submit-tab .submit-tab-sub .freight .create-spu .new-spec label .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .submit-tab .submit-tab-sub .freight .create-spu .new-spec label select, .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .freight label .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .freight label select {
            margin-left: 10px;
            width: 80px; }
        /* line 677, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .table {
          flex-shrink: 0; }
        /* line 680, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .class-and-cstmr-name {
          flex-shrink: 0;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 685, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .class-and-cstmr-name .class {
            font-size: 1.2em;
            font-family: SimHei; }
        /* line 690, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay {
          flex-shrink: 0;
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          margin-top: 10px; }
          /* line 696, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay input, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay textarea, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay select {
            border: none;
            background-color: #fdf3da; }
          /* line 700, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark {
            display: flex; }
            /* line 703, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact {
              display: flex;
              flex-direction: column;
              padding: 15px;
              background-color: #fdf3da; }
              /* line 704, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact .lianxirenxinxi {
                font-family: SimHei; }
              /* line 711, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact input, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact textarea, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact select {
                margin-top: 5px; }
              /* line 714, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact div {
                display: flex;
                flex-flow: row;
                align-items: center; }
                /* line 718, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact div span, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact div .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact div label {
                  width: 80px;
                  flex-shrink: 0; }
                /* line 722, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .contact div textarea {
                  resize: none; }
            /* line 727, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .remark {
              display: flex;
              flex-direction: column;
              margin-left: 10px;
              background-color: #fdf3da;
              padding: 15px; }
              /* line 728, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark .remark .beizhuxinxi {
                font-family: simhei; }
            /* line 737, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .contact-and-remark textarea {
              border: none;
              background-color: #fdf3da;
              resize: vertical;
              resize: none; }
          /* line 744, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay {
            height: 198.54px;
            flex-grow: 1;
            display: flex;
            justify-content: center;
            margin-left: 40px;
            padding: 15px;
            background-color: #fdf3da; }
            /* line 752, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left,
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right {
              width: 50%;
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: center; }
              /* line 759, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div,
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div {
                display: flex;
                margin-top: 5px;
                align-items: center; }
                /* line 763, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div span, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div label,
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div span,
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div .create-spu .new-spec label,
                .create-spu .new-spec .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div label {
                  padding: 2px;
                  width: 80px;
                  text-align: center; }
                /* line 768, ../scss/module/order/_sales-order.scss */
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div input, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .create-cstmr .content .top-container .left .pay-left > div textarea, .create-cstmr .content .top-container .left .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div textarea, .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .shop-info .content .above-container .pay-left > div select, .shop-info .content .above-container .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left > div select,
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div input,
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .create-cstmr .content .top-container .left .pay-right > div textarea,
                .create-cstmr .content .top-container .left .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div textarea,
                .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .shop-info .content .above-container .pay-right > div select,
                .shop-info .content .above-container .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right > div select {
                  margin-left: 5px;
                  width: 80px; }
            /* line 774, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left {
              border-right: 1px solid #999; }
              /* line 776, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-left .zhifuxinxi {
                font-family: SimHei; }
            /* line 780, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right {
              padding-left: 20px; }
              /* line 782, ../scss/module/order/_sales-order.scss */
              .sales-order .body-class .submit-tab .submit-tab-sub .contact-and-pay .pay .pay-right .pay-right-first {
                height: 22px; }
        /* line 788, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .orderremark {
          display: flex;
          width: 100%;
          height: 50%; }
          /* line 792, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .orderremark textarea {
            width: 70%;
            height: 135px; }
        /* line 797, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .chose-action {
          margin-top: 10px; }
          /* line 799, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .submit-tab-sub .chose-action div {
            margin-top: 5px; }
            /* line 803, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .submit-tab-sub .chose-action div label input:checked, .sales-order .body-class .submit-tab .submit-tab-sub .chose-action .create-cstmr .content .top-container .left div label textarea:checked, .create-cstmr .content .top-container .left .sales-order .body-class .submit-tab .submit-tab-sub .chose-action div label textarea:checked, .sales-order .body-class .submit-tab .submit-tab-sub .chose-action .shop-info .content .above-container div label select:checked, .shop-info .content .above-container .sales-order .body-class .submit-tab .submit-tab-sub .chose-action div label select:checked {
              background: red; }
        /* line 810, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .submit-tab-sub .submit-button {
          display: flex;
          flex-flow: row;
          margin-top: 10px;
          padding-bottom: 40px; }
      /* line 817, ../scss/module/order/_sales-order.scss */
      .sales-order .body-class .submit-tab .good-info-block {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 10px;
        overflow: hidden; }
        /* line 825, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .good-info-block .title {
          flex-shrink: 0;
          display: flex;
          justify-content: space-between; }
          /* line 829, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .good-info-block .title span, .sales-order .body-class .submit-tab .good-info-block .title .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .submit-tab .good-info-block .title label {
            flex-shrink: 0;
            flex-grow: 1;
            width: 10px;
            display: flex;
            justify-content: center; }
        /* line 837, ../scss/module/order/_sales-order.scss */
        .sales-order .body-class .submit-tab .good-info-block .content-container {
          display: flex;
          flex-direction: column;
          flex-shrink: 1;
          overflow-y: auto;
          padding-right: 18px; }
          /* line 845, ../scss/module/order/_sales-order.scss */
          .sales-order .body-class .submit-tab .good-info-block .content-container .content-line {
            flex-shrink: 0;
            display: flex;
            justify-content: space-between;
            margin-top: 5px; }
            /* line 850, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .good-info-block .content-container .content-line span, .sales-order .body-class .submit-tab .good-info-block .content-container .content-line .create-spu .new-spec label, .create-spu .new-spec .sales-order .body-class .submit-tab .good-info-block .content-container .content-line label {
              flex-shrink: 0;
              flex-grow: 1;
              width: 10px;
              display: flex;
              justify-content: center; }
            /* line 857, ../scss/module/order/_sales-order.scss */
            .sales-order .body-class .submit-tab .good-info-block .content-container .content-line .highlight {
              background-color: #fdf3da; }
  /* line 870, ../scss/module/order/_sales-order.scss */
  .sales-order .value-floating-panel.shadow {
    z-index: -2; }
  /* line 873, ../scss/module/order/_sales-order.scss */
  .sales-order .value-floating-panel {
    position: absolute;
    top: 41px;
    right: 40px;
    width: 18%;
    height: 80%;
    min-height: 550px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    background: white;
    z-index: 1000;
    border-width: 2px;
    border-style: solid;
    border-color: #d1644d;
    border-radius: 5px;
    overflow: hidden; }
    /* line 892, ../scss/module/order/_sales-order.scss */
    .sales-order .value-floating-panel .notes {
      /*margin-top: 15px;
margin-bottom: 15px;*/
      padding: 15px; }
      /* line 896, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .notes span, .sales-order .value-floating-panel .notes .create-spu .new-spec label, .create-spu .new-spec .sales-order .value-floating-panel .notes label {
        font-size: 0.7em;
        font-weight: bold; }
      /* line 900, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .notes .red {
        color: #f00; }
    /* line 904, ../scss/module/order/_sales-order.scss */
    .sales-order .value-floating-panel .money-number {
      position: relative;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      background: #ee7258;
      height: 20%;
      border-radius: 5px;
      /*margin-top: -10px;*/ }
      /* line 916, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-number .img-div {
        position: absolute;
        /*left: 13%;*/
        justify-content: center;
        align-items: center;
        width: 40%;
        height: 80%; }
        /* line 923, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-number .img-div image {
          width: 40%;
          height: 80%; }
      /* line 928, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-number .good-value {
        position: relative;
        width: 50%;
        min-width: 150px;
        height: 90%;
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
        background: url(../img/misc/money_number.png) no-repeat;
        background-size: 100% 100%; }
        /* line 939, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-number .good-value span, .sales-order .value-floating-panel .money-number .good-value .create-spu .new-spec label, .create-spu .new-spec .sales-order .value-floating-panel .money-number .good-value label {
          font-size: 12px; }
        /* line 942, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-number .good-value .bigger-span {
          font-size: 20px; }
    /* line 947, ../scss/module/order/_sales-order.scss */
    .sales-order .value-floating-panel .money-line {
      margin-top: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      /*flex-wrap: wrap;*/
      border-bottom: 2px solid #eeeeee; }
      /* line 948, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-line .line1 {
        height: 20%; }
      /* line 951, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-line .line2 {
        height: 50%; }
      /* line 954, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-line .line3 {
        height: 30%; }
      /* line 957, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-line .line-btn {
        height: 50px; }
      /* line 967, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .money-line .money-line-div {
        /*margin-top: 5px;*/
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 170px;
        /*min-height: 45px;*/ }
        /* line 975, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-line .money-line-div span, .sales-order .value-floating-panel .money-line .money-line-div .create-spu .new-spec label, .create-spu .new-spec .sales-order .value-floating-panel .money-line .money-line-div label {
          font-size: 0.9em; }
        /* line 978, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-line .money-line-div input, .sales-order .value-floating-panel .money-line .money-line-div .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .sales-order .value-floating-panel .money-line .money-line-div textarea, .sales-order .value-floating-panel .money-line .money-line-div .shop-info .content .above-container div select, .shop-info .content .above-container div .sales-order .value-floating-panel .money-line .money-line-div select {
          margin-left: 2px;
          width: 50%; }
        /* line 982, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-line .money-line-div input:disabled, .sales-order .value-floating-panel .money-line .money-line-div .create-cstmr .content .top-container .left div textarea:disabled, .create-cstmr .content .top-container .left div .sales-order .value-floating-panel .money-line .money-line-div textarea:disabled, .sales-order .value-floating-panel .money-line .money-line-div .shop-info .content .above-container div select:disabled, .shop-info .content .above-container div .sales-order .value-floating-panel .money-line .money-line-div select:disabled {
          border: none;
          box-shadow: none; }
        /* line 986, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-line .money-line-div button {
          height: 42px;
          width: 42px;
          padding: 0;
          margin-top: 5px;
          margin-bottom: 5px;
          /*padding-bottom: 2px;*/
          /*letter-spacing: 0px;*/
          line-height: 18px;
          border: none;
          font-size: 16px;
          color: white;
          background-color: #36bc9b;
          border-radius: 5px; }
          /* line 1001, ../scss/module/order/_sales-order.scss */
          .sales-order .value-floating-panel .money-line .money-line-div button:hover {
            background-color: #30a88b; }
          /* line 1004, ../scss/module/order/_sales-order.scss */
          .sales-order .value-floating-panel .money-line .money-line-div button:active {
            background-color: #25816a; }
        /* line 1008, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-line .money-line-div .jieyu {
          width: 57px; }
        /* line 1011, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .money-line .money-line-div .yuan {
          margin-left: 2px; }
    /* line 1016, ../scss/module/order/_sales-order.scss */
    .sales-order .value-floating-panel .submit-btn {
      width: 95%;
      height: 40px;
      margin: 0 auto;
      margin-bottom: 5px;
      position: relative; }
      /* line 1022, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .submit-btn .dropUp-btn {
        position: absolute;
        top: 0;
        left: 80%;
        width: 20%;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 0 5px 5px 0;
        border: none;
        outline: none;
        background: #e3613e;
        color: white;
        cursor: pointer; }
      /* line 1037, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .submit-btn .dropUp-btn:hover {
        background-color: #cf441e; }
      /* line 1040, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .submit-btn .floatCheckBox {
        position: absolute;
        background: white;
        border: 1px solid #adadad;
        box-shadow: 2px 2px 2px #8a6d3b;
        top: -35px;
        height: 35px;
        width: 100%; }
        /* line 1048, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .submit-btn .floatCheckBox div {
          height: 35px;
          text-indent: 1em;
          line-height: 35px;
          cursor: pointer; }
        /* line 1054, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .submit-btn .floatCheckBox div:hover, .sales-order .value-floating-panel .submit-btn .floatCheckBox .bottom-bar .btn-tab-group .highlight, .bottom-bar .btn-tab-group .sales-order .value-floating-panel .submit-btn .floatCheckBox .highlight {
          background: #eee; }
      /* line 1058, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .submit-btn .btn-submit {
        width: 100%;
        border-radius: 5px; }
      /* line 1062, ../scss/module/order/_sales-order.scss */
      .sales-order .value-floating-panel .submit-btn .btn-submit-local {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 35px;
        width: 40%;
        padding-bottom: 2px;
        border: none;
        font-size: 15px;
        color: white;
        background-color: #e67354;
        cursor: pointer;
        margin-right: -5px;
        border-radius: 5px; }
        /* line 1076, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .submit-btn .btn-submit-local:hover {
          background-color: #e3613e; }
        /* line 1079, ../scss/module/order/_sales-order.scss */
        .sales-order .value-floating-panel .submit-btn .btn-submit-local:active {
          background-color: #cf441e; }

/* line 1, ../scss/module/order/_order-details.scss */
.order-details-page {
  height: 100%;
  width: 100%;
  overflow: scroll;
  padding-bottom: 44px; }
  /* line 6, ../scss/module/order/_order-details.scss */
  .order-details-page .title-bar-detail {
    position: fixed; }
  /* line 9, ../scss/module/order/_order-details.scss */
  .order-details-page .order-detail {
    min-width: 1024px;
    width: 90%;
    padding-top: 60px;
    margin: 0 auto;
    max-width: 1920px; }
    /* line 15, ../scss/module/order/_order-details.scss */
    .order-details-page .order-detail .order-detail-header {
      height: 200px;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row;
      justify-content: space-between; }
      /* line 26, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-header .status-now {
        width: 20%;
        height: 220px;
        background: #FFFFFF;
        -webkit-box-shadow: 3px 3px 20px #999;
        -moz-box-shadow: 3px 3px 20px #999;
        -o-box-shadow: 3px 3px 20px #999;
        -ms-box-shadow: 3px 3px 20px #999;
        box-shadow: 3px 3px 20px #999;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        justify-content: space-around; }
        /* line 43, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-header .status-now span, .order-details-page .order-detail .order-detail-header .status-now .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .order-detail-header .status-now label {
          font-size: 16px;
          text-align: center; }
        /* line 47, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-header .status-now .active {
          color: #FF6633;
          font-size: 24px;
          font-weight: bold; }
      /* line 53, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-header .status-info {
        width: 78%;
        height: 220px;
        background: #FFFFFF; }
        /* line 57, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-header .status-info .status {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          flex-flow: row;
          align-items: center;
          justify-content: center;
          height: 50%; }
          /* line 68, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-header .status-info .status .step {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            margin-left: 5px;
            height: 100%; }
            /* line 78, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-header .status-info .status .step span, .order-details-page .order-detail .order-detail-header .status-info .status .step .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .order-detail-header .status-info .status .step label {
              font-size: 14px; }
          /* line 82, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-header .status-info .status .between-line {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: flex-end;
            align-self: flex-start;
            width: 50px;
            height: 50%;
            margin-left: 5px;
            color: #6e6e6e;
            font-size: 14px;
            justify-content: center;
            border-bottom: 1px dotted #888; }
        /* line 100, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-header .status-info .buttons {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          flex-flow: row;
          justify-content: center; }
          /* line 110, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-header .status-info .buttons div {
            cursor: pointer;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            width: 100px; }
            /* line 122, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-header .status-info .buttons div button {
              margin-top: 8px;
              font-size: 13px;
              border: none;
              outline: none;
              background: none;
              color: #888; }
            /* line 130, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-header .status-info .buttons div img {
              width: 48px;
              height: 48px; }
    /* line 138, ../scss/module/order/_order-details.scss */
    .order-details-page .order-detail .order-detail-middle {
      width: 100%;
      margin-top: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex; }
      /* line 147, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-middle .cstmr-info {
        width: 34%;
        height: 600px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        justify-content: space-between; }
        /* line 158, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table {
          width: 100%;
          height: 55%;
          background: white; }
          /* line 162, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table .title {
            margin: 25px 30px;
            font-size: 16px;
            font-weight: bold; }
          /* line 167, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table .table {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            justify-content: space-around; }
            /* line 176, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table .table .info-row {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              flex-flow: row;
              flex-wrap: wrap;
              padding-left: 10%; }
              /* line 186, ../scss/module/order/_order-details.scss */
              .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table .table .info-row .left {
                width: 100px;
                font-size: 16px;
                text-align: right; }
              /* line 191, ../scss/module/order/_order-details.scss */
              .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table .table .info-row .right {
                font-size: 16px;
                margin-left: 15px; }
              /* line 195, ../scss/module/order/_order-details.scss */
              .order-details-page .order-detail .order-detail-middle .cstmr-info .info-table .table .info-row .warehouse-remark {
                width: 50%;
                min-width: 120px;
                height: 100px;
                padding: 5px;
                overflow-y: scroll;
                background: #eee; }
        /* line 206, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-middle .cstmr-info .info-remark {
          width: 100%;
          height: 40%;
          background: white; }
          /* line 210, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .cstmr-info .info-remark .title {
            margin: 25px 30px;
            font-size: 16px;
            font-weight: bold; }
          /* line 215, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .cstmr-info .info-remark .remark {
            display: flex;
            width: 70%;
            height: 150px;
            margin: 0 auto;
            background: #EEEEEE;
            font-size: 16px; }
          /* line 223, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .cstmr-info .info-remark textarea.active {
            background: #FAFFBD; }
      /* line 229, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-middle .order-info-table {
        margin-left: 1%;
        width: 65%;
        height: 600px;
        min-height: 600px;
        background: white;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row; }
        /* line 242, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left {
          margin: 5% 0 0 15px;
          width: 60%;
          height: 80%;
          border-right: 1px dashed #222; }
          /* line 247, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .title {
            font-size: 16px;
            font-weight: bold; }
          /* line 251, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            flex-flow: row; }
            /* line 259, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .left-table,
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .right-table {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              flex-flow: column;
              justify-content: space-around;
              height: 300px;
              width: 50%;
              border-right: 1px dashed #222; }
              /* line 272, ../scss/module/order/_order-details.scss */
              .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .left-table .info-row,
              .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .right-table .info-row {
                display: -webkit-box;
                display: -moz-box;
                display: -webkit-flex;
                display: -moz-flex;
                display: -ms-flexbox;
                display: flex;
                flex-flow: row;
                flex-wrap: wrap; }
                /* line 281, ../scss/module/order/_order-details.scss */
                .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .left-table .info-row .left,
                .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .right-table .info-row .left {
                  width: 100px;
                  text-align: right;
                  font-size: 16px; }
                /* line 286, ../scss/module/order/_order-details.scss */
                .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .left-table .info-row .right,
                .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .right-table .info-row .right {
                  font-size: 16px;
                  margin-left: 30px; }
            /* line 292, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .table .right-table {
              border: none; }
          /* line 296, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .balance-block {
            width: 85%;
            margin: 0 auto;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            height: 200px; }
            /* line 309, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .balance-block .balance {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              flex-flow: row;
              flex-wrap: wrap; }
              /* line 318, ../scss/module/order/_order-details.scss */
              .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .balance-block .balance .active {
                color: #EE7258; }
            /* line 323, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-left .balance-block .tip .active {
              color: #EE7258; }
        /* line 329, ../scss/module/order/_order-details.scss */
        .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          flex-flow: column;
          justify-content: space-around;
          align-content: center;
          margin: 5% 0 0 15px;
          width: 35%;
          height: 80%; }
          /* line 342, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right .title {
            font-size: 16px;
            font-weight: bold; }
          /* line 346, ../scss/module/order/_order-details.scss */
          .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right .show-block {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            justify-content: space-around;
            align-content: center;
            height: 100%; }
            /* line 357, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right .show-block .income,
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right .show-block .no-income {
              display: -webkit-box;
              display: -moz-box;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: flex;
              align-items: center;
              justify-content: center;
              flex-flow: row;
              flex-wrap: wrap;
              width: 80%;
              height: 150px;
              color: white;
              font-size: 28px; }
            /* line 374, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right .show-block .income {
              background: #A2D7C3; }
            /* line 377, ../scss/module/order/_order-details.scss */
            .order-details-page .order-detail .order-detail-middle .order-info-table .order-info-right .show-block .no-income {
              background: #EE7258; }
    /* line 384, ../scss/module/order/_order-details.scss */
    .order-details-page .order-detail .order-detail-table, .order-details-page .order-detail .account-detail-table {
      margin-top: 30px;
      margin-bottom: 30px;
      width: 100%;
      background: white; }
      /* line 390, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-table .table-row span, .order-details-page .order-detail .account-detail-table .table-row span, .order-details-page .order-detail .order-detail-table .table-row .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .order-detail-table .table-row label, .order-details-page .order-detail .account-detail-table .table-row .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .account-detail-table .table-row label {
        width: 12%;
        overflow: hidden; }
      /* line 394, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-table .table-row .max-span, .order-details-page .order-detail .account-detail-table .table-row .max-span {
        width: 16%; }
      /* line 397, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-table .table-row .right, .order-details-page .order-detail .account-detail-table .table-row .right {
        justify-content: flex-end; }
      /* line 401, ../scss/module/order/_order-details.scss */
      .order-details-page .order-detail .order-detail-table .hongchong, .order-details-page .order-detail .account-detail-table .hongchong {
        margin: 20px 0;
        display: flex;
        justify-content: flex-end; }

/* line 1, ../scss/module/order/_order-details-exception-prompt.scss */
.order-details-exception-prompt {
  margin-top: 150px;
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 7, ../scss/module/order/_order-details-exception-prompt.scss */
  .order-details-exception-prompt .content {
    width: 526px;
    height: 320px;
    padding: 50px;
    background: #fff;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between; }
    /* line 17, ../scss/module/order/_order-details-exception-prompt.scss */
    .order-details-exception-prompt .content .title {
      font-size: 20px;
      color: #989898;
      font-weight: bold; }
    /* line 23, ../scss/module/order/_order-details-exception-prompt.scss */
    .order-details-exception-prompt .content .reason {
      align-self: flex-start;
      font-size: 14px; }
    /* line 28, ../scss/module/order/_order-details-exception-prompt.scss */
    .order-details-exception-prompt .content .exception-picker {
      width: 65%;
      display: flex;
      flex-flow: column; }
      /* line 33, ../scss/module/order/_order-details-exception-prompt.scss */
      .order-details-exception-prompt .content .exception-picker div {
        margin: 5px 0;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        /* line 39, ../scss/module/order/_order-details-exception-prompt.scss */
        .order-details-exception-prompt .content .exception-picker div span, .order-details-exception-prompt .content .exception-picker div .create-spu .new-spec label, .create-spu .new-spec .order-details-exception-prompt .content .exception-picker div label {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 85px;
          height: 22px;
          font-size: 14px;
          padding-top: 2px;
          flex-grow: 1; }
        /* line 50, ../scss/module/order/_order-details-exception-prompt.scss */
        .order-details-exception-prompt .content .exception-picker div button {
          width: 85px;
          background: none;
          outline: none;
          border: 1px solid #a5a5a5; }
        /* line 57, ../scss/module/order/_order-details-exception-prompt.scss */
        .order-details-exception-prompt .content .exception-picker div button:hover {
          border: 1px solid #36bc9b;
          background: #36bc9b;
          color: #fff; }
        /* line 63, ../scss/module/order/_order-details-exception-prompt.scss */
        .order-details-exception-prompt .content .exception-picker div .highlight {
          border: 1px solid #36bc9b;
          background: #36bc9b;
          color: #fff; }
        /* line 69, ../scss/module/order/_order-details-exception-prompt.scss */
        .order-details-exception-prompt .content .exception-picker div textarea {
          flex-grow: 2;
          height: 66px;
          outline: none;
          font-size: 13px;
          padding-left: 8px;
          resize: none; }
        /* line 78, ../scss/module/order/_order-details-exception-prompt.scss */
        .order-details-exception-prompt .content .exception-picker div .inputhighlight {
          border: 1px solid #36bc9b; }
    /* line 85, ../scss/module/order/_order-details-exception-prompt.scss */
    .order-details-exception-prompt .content .confirm-cancel button {
      padding: 6px 20px;
      border: none;
      outline: none;
      background: #36bc9b;
      color: #fff; }
    /* line 93, ../scss/module/order/_order-details-exception-prompt.scss */
    .order-details-exception-prompt .content .confirm-cancel button:hover {
      background: #30a88b; }

/* line 1, ../scss/module/finance/_income-and-expense.scss */
.income-and-expense {
  display: flex;
  flex-direction: column; }
  /* line 4, ../scss/module/finance/_income-and-expense.scss */
  .income-and-expense .function-tab {
    display: flex;
    justify-content: center;
    padding: 40px;
    background-color: #eeeeee; }
    /* line 9, ../scss/module/finance/_income-and-expense.scss */
    .income-and-expense .function-tab .left-right {
      width: 100%;
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: flex-start; }
      /* line 15, ../scss/module/finance/_income-and-expense.scss */
      .income-and-expense .function-tab .left-right .t-left {
        width: 100%;
        max-width: 1000px;
        background-color: white;
        padding: 40px;
        height: auto; }
        /* line 22, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .shourulaiyuan {
          font-size: 18px;
          font-family: simhei; }
        /* line 27, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .company-list .input-income {
          margin-top: 10px;
          border: none;
          min-height: 30px;
          width: 70%;
          border-left: 5px solid #dbb5a8;
          background-color: #eeeeee; }
        /* line 35, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .company-list .auto-complete-list {
          display: flex;
          align-content: flex-start;
          flex-wrap: wrap;
          max-height: 150px;
          width: 574px;
          background-color: white;
          opacity: 1;
          overflow-x: hidden;
          overflow-y: scroll; }
          /* line 45, ../scss/module/finance/_income-and-expense.scss */
          .income-and-expense .function-tab .left-right .t-left .company-list .auto-complete-list > div {
            width: 180px; }
            /* line 47, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .company-list .auto-complete-list > div button {
              margin-top: 1px;
              width: 170px;
              height: 25px;
              border: none; }
              /* line 52, ../scss/module/finance/_income-and-expense.scss */
              .income-and-expense .function-tab .left-right .t-left .company-list .auto-complete-list > div button:hover {
                color: white;
                background-color: grey; }
            /* line 57, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .company-list .auto-complete-list > div button.add-new-cstmr {
              background-color: #36bc9b;
              color: white; }
        /* line 64, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .common {
          margin-top: 10px; }
        /* line 67, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .common-button {
          margin-top: 5px;
          display: flex;
          flex-flow: row wrap; }
          /* line 71, ../scss/module/finance/_income-and-expense.scss */
          .income-and-expense .function-tab .left-right .t-left .common-button button {
            padding: 0;
            margin-right: 5px; }
        /* line 76, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .value-input {
          margin-top: 10px; }
          /* line 78, ../scss/module/finance/_income-and-expense.scss */
          .income-and-expense .function-tab .left-right .t-left .value-input .row {
            width: 70%;
            height: 30px;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            /* line 84, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .value-input .row span, .income-and-expense .function-tab .left-right .t-left .value-input .row .create-spu .new-spec label, .create-spu .new-spec .income-and-expense .function-tab .left-right .t-left .value-input .row label {
              align-self: center; }
              /* line 86, ../scss/module/finance/_income-and-expense.scss */
              .income-and-expense .function-tab .left-right .t-left .value-input .row span .fu, .income-and-expense .function-tab .left-right .t-left .value-input .row .create-spu .new-spec label .fu, .create-spu .new-spec .income-and-expense .function-tab .left-right .t-left .value-input .row label .fu {
                margin-right: 20px;
                font-size: 20px;
                font-weight: bold; }
        /* line 94, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .pay {
          margin-top: 5px;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          /* line 100, ../scss/module/finance/_income-and-expense.scss */
          .income-and-expense .function-tab .left-right .t-left .pay > div {
            margin-top: 5px;
            margin-right: 30px;
            display: flex;
            align-items: center; }
            /* line 106, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .pay > div span, .income-and-expense .function-tab .left-right .t-left .pay > div .create-spu .new-spec label, .create-spu .new-spec .income-and-expense .function-tab .left-right .t-left .pay > div label {
              font-family: SimHei;
              font-size: 0.9em; }
            /* line 110, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .pay > div input, .income-and-expense .function-tab .left-right .t-left .create-cstmr .content .top-container .left .pay > div textarea, .create-cstmr .content .top-container .left .income-and-expense .function-tab .left-right .t-left .pay > div textarea, .income-and-expense .function-tab .left-right .t-left .shop-info .content .above-container .pay > div select, .shop-info .content .above-container .income-and-expense .function-tab .left-right .t-left .pay > div select {
              margin: 0 10px;
              width: 90px; }
            /* line 114, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .pay > div .jieyu {
              width: 57px; }
            /* line 117, ../scss/module/finance/_income-and-expense.scss */
            .income-and-expense .function-tab .left-right .t-left .pay > div .yuan {
              margin-left: 2px; }
        /* line 122, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .link {
          width: 20px !important;
          justify-content: center; }
        /* line 127, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .actual-container .actual {
          margin: 0 10px; }
        /* line 131, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .check_time {
          margin-top: 15px; }
          /* line 133, ../scss/module/finance/_income-and-expense.scss */
          .income-and-expense .function-tab .left-right .t-left .check_time input, .income-and-expense .function-tab .left-right .t-left .check_time .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .income-and-expense .function-tab .left-right .t-left .check_time textarea, .income-and-expense .function-tab .left-right .t-left .check_time .shop-info .content .above-container div select, .shop-info .content .above-container div .income-and-expense .function-tab .left-right .t-left .check_time select {
            border: none;
            text-align: center;
            border-bottom: 1px solid #000; }
        /* line 139, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .remark {
          margin-top: 20px;
          width: 70%;
          resize: vertical; }
        /* line 144, ../scss/module/finance/_income-and-expense.scss */
        .income-and-expense .function-tab .left-right .t-left .sumbit-line {
          margin-top: 20px;
          display: flex;
          justify-content: center; }
      /* line 150, ../scss/module/finance/_income-and-expense.scss */
      .income-and-expense .function-tab .left-right .t-right {
        margin-left: 10px;
        min-width: 280px; }

/* line 1, ../scss/module/finance/_receipt-and-payment.scss */
.receipt-and-payment {
  height: 100%;
  overflow-y: scroll; }
  /* line 11, ../scss/module/finance/_receipt-and-payment.scss */
  .receipt-and-payment .function-tab {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eeeeee; }
    /* line 20, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .left-right {
      width: 100%;
      display: flex;
      align-items: stretch;
      flex-shrink: 0; }
      /* line 25, ../scss/module/finance/_receipt-and-payment.scss */
      .receipt-and-payment .function-tab .left-right .t-left {
        width: 100%;
        flex-direction: column;
        background-color: white;
        padding: 40px;
        padding-top: 20px;
        padding-bottom: 20px; }
        /* line 32, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .wanglaidanwei {
          font-size: 18px;
          font-family: simhei; }
        /* line 36, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .input-container {
          flex-flow: row;
          align-items: center;
          margin-top: 10px;
          width: 100%; }
          /* line 41, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .input-container input, .receipt-and-payment .function-tab .left-right .t-left .input-container .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .receipt-and-payment .function-tab .left-right .t-left .input-container textarea, .receipt-and-payment .function-tab .left-right .t-left .input-container .shop-info .content .above-container div select, .shop-info .content .above-container div .receipt-and-payment .function-tab .left-right .t-left .input-container select {
            margin: 0; }
        /* line 45, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .check_time {
          margin-top: 15px; }
          /* line 47, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .check_time input, .receipt-and-payment .function-tab .left-right .t-left .check_time .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .receipt-and-payment .function-tab .left-right .t-left .check_time textarea, .receipt-and-payment .function-tab .left-right .t-left .check_time .shop-info .content .above-container div select, .shop-info .content .above-container div .receipt-and-payment .function-tab .left-right .t-left .check_time select {
            border: none;
            text-align: center;
            border-bottom: 1px solid #000; }
        /* line 53, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .company-input {
          margin-top: 10px;
          border: none;
          min-height: 30px;
          width: 98%;
          border-left: 5px solid #dbb5a8;
          background-color: #eeeeee; }
        /* line 61, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left span, .receipt-and-payment .function-tab .left-right .t-left .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment .function-tab .left-right .t-left label {
          display: inline; }
        /* line 64, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .auto-complete-list {
          display: flex;
          align-content: flex-start;
          flex-wrap: wrap;
          max-height: 135px;
          margin-top: 10px;
          width: 98%;
          background-color: white;
          opacity: 1;
          overflow-x: hidden;
          overflow-y: scroll; }
          /* line 75, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .auto-complete-list > div {
            width: 180px; }
            /* line 77, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .auto-complete-list > div button {
              margin-top: 1px;
              width: 170px;
              height: 25px;
              border: none; }
              /* line 82, ../scss/module/finance/_receipt-and-payment.scss */
              .receipt-and-payment .function-tab .left-right .t-left .auto-complete-list > div button:hover {
                color: white;
                background-color: grey; }
            /* line 87, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .auto-complete-list > div button.add-new-cstmr {
              background-color: #36bc9b;
              color: white; }
        /* line 93, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .zongdaishoujine {
          margin-top: 10px; }
        /* line 96, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .shoukuanjine {
          margin-top: 10px; }
        /* line 99, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .pay {
          margin-top: 5px;
          display: flex;
          align-items: center;
          flex-wrap: wrap; }
          /* line 105, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .pay > div {
            margin-top: 5px;
            margin-right: 30px;
            display: flex;
            align-items: center; }
            /* line 111, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .pay > div span, .receipt-and-payment .function-tab .left-right .t-left .pay > div .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment .function-tab .left-right .t-left .pay > div label {
              font-size: 0.9em; }
            /* line 114, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .pay > div input, .receipt-and-payment .function-tab .left-right .t-left .create-cstmr .content .top-container .left .pay > div textarea, .create-cstmr .content .top-container .left .receipt-and-payment .function-tab .left-right .t-left .pay > div textarea, .receipt-and-payment .function-tab .left-right .t-left .shop-info .content .above-container .pay > div select, .shop-info .content .above-container .receipt-and-payment .function-tab .left-right .t-left .pay > div select {
              margin: 0 10px;
              width: 90px; }
            /* line 118, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .pay > div input:disabled, .receipt-and-payment .function-tab .left-right .t-left .create-cstmr .content .top-container .left .pay > div textarea:disabled, .create-cstmr .content .top-container .left .receipt-and-payment .function-tab .left-right .t-left .pay > div textarea:disabled, .receipt-and-payment .function-tab .left-right .t-left .shop-info .content .above-container .pay > div select:disabled, .shop-info .content .above-container .receipt-and-payment .function-tab .left-right .t-left .pay > div select:disabled {
              border: none;
              box-shadow: none; }
            /* line 122, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .pay > div .jieyu {
              width: 57px; }
            /* line 125, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .left-right .t-left .pay > div .yuan {
              margin-left: 2px; }
          /* line 129, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .pay .link {
            width: 20px;
            justify-content: center; }
          /* line 135, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .pay .total-money-container span, .receipt-and-payment .function-tab .left-right .t-left .pay .total-money-container .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment .function-tab .left-right .t-left .pay .total-money-container label {
            flex-shrink: 0;
            color: #ee7258; }
          /* line 139, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .pay .total-money-container .total-money {
            margin: 0 10px; }
          /* line 145, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .left-right .t-left .pay .actual-container .actual {
            margin: 0 10px; }
        /* line 150, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .left-right .t-left .remark {
          margin-top: 20px;
          width: 100%;
          resize: vertical; }
      /* line 157, ../scss/module/finance/_receipt-and-payment.scss */
      .receipt-and-payment .function-tab .left-right .t-right {
        margin-left: 10px;
        min-width: 280px; }
    /* line 164, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .order-list-table {
      margin-top: 10px;
      display: flex;
      flex-direction: column;
      align-items: stretch;
      overflow: hidden; }
      /* line 171, ../scss/module/finance/_receipt-and-payment.scss */
      .receipt-and-payment .function-tab .order-list-table .table-head {
        display: flex;
        justify-content: space-between;
        height: 30px;
        flex-shrink: 0;
        align-items: center;
        background-color: white; }
        /* line 179, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .order-list-table .table-head span, .receipt-and-payment .function-tab .order-list-table .table-head .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-head label {
          width: 64px;
          flex-grow: 1;
          text-align: center; }
      /* line 185, ../scss/module/finance/_receipt-and-payment.scss */
      .receipt-and-payment .function-tab .order-list-table .table-body {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        flex-grow: 1;
        overflow-y: scroll;
        margin-right: -17px; }
        /* line 192, ../scss/module/finance/_receipt-and-payment.scss */
        .receipt-and-payment .function-tab .order-list-table .table-body .table-line {
          margin-top: 1px;
          display: flex;
          justify-content: space-between;
          height: 30px;
          flex-shrink: 0;
          align-items: center;
          background-color: white; }
          /* line 200, ../scss/module/finance/_receipt-and-payment.scss */
          .receipt-and-payment .function-tab .order-list-table .table-body .table-line span, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label {
            width: 64px;
            flex-grow: 1;
            text-align: center; }
            /* line 204, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .order-list-table .table-body .table-line span input, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label input, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label input, .receipt-and-payment .function-tab .order-list-table .table-body .table-line span .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .receipt-and-payment .function-tab .order-list-table .table-body .table-line span textarea, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label textarea, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label textarea, .receipt-and-payment .function-tab .order-list-table .table-body .table-line span .shop-info .content .above-container div select, .shop-info .content .above-container div .receipt-and-payment .function-tab .order-list-table .table-body .table-line span select, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label .shop-info .content .above-container div select, .shop-info .content .above-container div .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label select, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label select {
              width: 80px; }
            /* line 207, ../scss/module/finance/_receipt-and-payment.scss */
            .receipt-and-payment .function-tab .order-list-table .table-body .table-line span button, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label button, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label button {
              background-color: white;
              border: 1px solid grey; }
              /* line 210, ../scss/module/finance/_receipt-and-payment.scss */
              .receipt-and-payment .function-tab .order-list-table .table-body .table-line span button:hover, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label button:hover, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label button:hover {
                background-color: #eeeeee; }
              /* line 213, ../scss/module/finance/_receipt-and-payment.scss */
              .receipt-and-payment .function-tab .order-list-table .table-body .table-line span button:active, .receipt-and-payment .function-tab .order-list-table .table-body .table-line .create-spu .new-spec label button:active, .create-spu .new-spec .receipt-and-payment .function-tab .order-list-table .table-body .table-line label button:active {
                background-color: #d5d5d5; }
    /* line 223, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .line-final {
      margin-top: 10px;
      display: flex;
      justify-content: center; }
    /* line 229, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .page-navi {
      height: 35px; }
    /* line 234, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .table div span, .receipt-and-payment .function-tab .table div .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment .function-tab .table div label {
      width: 13%; }
    /* line 237, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .table div .money {
      width: 12%; }
      /* line 239, ../scss/module/finance/_receipt-and-payment.scss */
      .receipt-and-payment .function-tab .table div .money input, .receipt-and-payment .function-tab .table .create-cstmr .content .top-container .left div .money textarea, .create-cstmr .content .top-container .left .receipt-and-payment .function-tab .table div .money textarea, .receipt-and-payment .function-tab .table .shop-info .content .above-container div .money select, .shop-info .content .above-container .receipt-and-payment .function-tab .table div .money select {
        width: 100%; }
    /* line 243, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .table div .sn {
      width: 5%; }
    /* line 246, ../scss/module/finance/_receipt-and-payment.scss */
    .receipt-and-payment .function-tab .table div .time {
      width: 13%; }

/* line 1, ../scss/module/finance/_receipt-and-payment-details.scss */
.receipt-and-payment-details {
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
  background: #eee; }
  /* line 8, ../scss/module/finance/_receipt-and-payment-details.scss */
  .receipt-and-payment-details .DIY-dialog .diy-content {
    background: #fff;
    width: 20%;
    height: 25%;
    box-shadow: 0 0 5px #aaa;
    border-radius: 3px; }
    /* line 15, ../scss/module/finance/_receipt-and-payment-details.scss */
    .receipt-and-payment-details .DIY-dialog .diy-content .the-one {
      height: 80%;
      padding: 10px; }
      /* line 18, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .DIY-dialog .diy-content .the-one .i-head {
        color: #807a79; }
      /* line 21, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .DIY-dialog .diy-content .the-one .i-data {
        color: #333;
        border: none; }
        /* line 24, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .DIY-dialog .diy-content .the-one .i-data span, .receipt-and-payment-details .DIY-dialog .diy-content .the-one .i-data .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment-details .DIY-dialog .diy-content .the-one .i-data label {
          width: 100%; }
    /* line 29, ../scss/module/finance/_receipt-and-payment-details.scss */
    .receipt-and-payment-details .DIY-dialog .diy-content .the-button {
      display: flex;
      align-items: center;
      justify-content: center; }
      /* line 33, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .DIY-dialog .diy-content .the-button input, .receipt-and-payment-details .DIY-dialog .diy-content .the-button .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .receipt-and-payment-details .DIY-dialog .diy-content .the-button textarea, .receipt-and-payment-details .DIY-dialog .diy-content .the-button .shop-info .content .above-container div select, .shop-info .content .above-container div .receipt-and-payment-details .DIY-dialog .diy-content .the-button select {
        background: #36bc9b;
        border-radius: 2px;
        border: none;
        text-shadow: none;
        color: #fff;
        width: 110px;
        height: 30px;
        font-size: 13px; }
  /* line 48, ../scss/module/finance/_receipt-and-payment-details.scss */
  .receipt-and-payment-details .content {
    margin: 3% 7%;
    height: 94%;
    overflow: auto; }
    /* line 53, ../scss/module/finance/_receipt-and-payment-details.scss */
    .receipt-and-payment-details .content .infoandtable {
      display: flex;
      flex-flow: column;
      width: 100%; }
      /* line 59, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .content .infoandtable .floor1 {
        display: flex;
        flex-flow: row;
        height: 180px;
        margin-bottom: 20px; }
        /* line 65, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .floor1 .floor1 > div {
          box-shadow: 0 0 5px #aaa;
          background: #fff;
          height: 100%; }
        /* line 72, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .floor1 .msg {
          width: 39%;
          box-shadow: 0 0 5px #aaa;
          background: #fff;
          height: 100%;
          margin-right: 20px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          /* line 82, ../scss/module/finance/_receipt-and-payment-details.scss */
          .receipt-and-payment-details .content .infoandtable .floor1 .msg div {
            width: 86%; }
            /* line 84, ../scss/module/finance/_receipt-and-payment-details.scss */
            .receipt-and-payment-details .content .infoandtable .floor1 .msg div p {
              width: 100%; }
              /* line 86, ../scss/module/finance/_receipt-and-payment-details.scss */
              .receipt-and-payment-details .content .infoandtable .floor1 .msg div p .first {
                display: inline-block;
                width: 30%;
                text-align: right;
                margin-bottom: 3px; }
        /* line 100, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .floor1 .remark {
          width: 60%;
          background: #fff;
          margin-right: 8px;
          height: 100%;
          display: flex;
          flex-flow: row;
          align-items: center;
          justify-content: space-around; }
          /* line 110, ../scss/module/finance/_receipt-and-payment-details.scss */
          .receipt-and-payment-details .content .infoandtable .floor1 .remark div {
            width: 95%;
            height: 90%;
            padding: 12px 8px; }
            /* line 114, ../scss/module/finance/_receipt-and-payment-details.scss */
            .receipt-and-payment-details .content .infoandtable .floor1 .remark div span, .receipt-and-payment-details .content .infoandtable .floor1 .remark div .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment-details .content .infoandtable .floor1 .remark div label {
              display: inline-block;
              width: 30%;
              text-align: center;
              padding-right: 15px; }
            /* line 121, ../scss/module/finance/_receipt-and-payment-details.scss */
            .receipt-and-payment-details .content .infoandtable .floor1 .remark div textarea {
              display: inline-block;
              background: #f9f9f9;
              resize: none;
              height: 90%;
              width: 85%;
              margin-left: 15px; }
        /* line 133, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .floor1 .log {
          width: 20%;
          height: 100%;
          background: #fff;
          font-size: 14px;
          cursor: pointer; }
          /* line 139, ../scss/module/finance/_receipt-and-payment-details.scss */
          .receipt-and-payment-details .content .infoandtable .floor1 .log div {
            width: 95%;
            height: 90%;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: space-around;
            padding: 12px 8px; }
      /* line 153, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .content .infoandtable .floor2 {
        display: flex;
        flex-flow: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 100px;
        background: #fff;
        margin-bottom: 20px;
        padding-left: 30px; }
      /* line 165, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .content .infoandtable .info {
        width: 100%;
        display: flex;
        flex-flow: row;
        align-items: center; }
        /* line 170, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .info .info > div {
          padding-right: 10px;
          margin-right: 10px; }
        /* line 174, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .info .symbol {
          margin: 0px 25px; }
        /* line 177, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .info .actual {
          font-size: 25px;
          font-weight: bold;
          color: #ee7258; }
      /* line 185, ../scss/module/finance/_receipt-and-payment-details.scss */
      .receipt-and-payment-details .content .infoandtable .table {
        box-shadow: 0 0 5px #aaa; }
        /* line 188, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .table div span, .receipt-and-payment-details .content .infoandtable .table div .create-spu .new-spec label, .create-spu .new-spec .receipt-and-payment-details .content .infoandtable .table div label {
          width: 10%; }
        /* line 191, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .table div .sn {
          width: 5%; }
        /* line 194, ../scss/module/finance/_receipt-and-payment-details.scss */
        .receipt-and-payment-details .content .infoandtable .table div .time {
          width: 13%; }
  /* line 201, ../scss/module/finance/_receipt-and-payment-details.scss */
  .receipt-and-payment-details .bigtable {
    width: 100%;
    margin-bottom: 40px;
    padding: 0; }
    /* line 205, ../scss/module/finance/_receipt-and-payment-details.scss */
    .receipt-and-payment-details .bigtable .tablerow {
      width: 100%; }

/* line 1, ../scss/module/finance/_income-and-expense-details.scss */
.income-and-expense-details {
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
  background: #eee; }
  /* line 7, ../scss/module/finance/_income-and-expense-details.scss */
  .income-and-expense-details .content {
    margin: 3%;
    height: 94%;
    background: #fff;
    padding: 0 36px 20px;
    overflow: auto; }
    /* line 14, ../scss/module/finance/_income-and-expense-details.scss */
    .income-and-expense-details .content .more {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 14px;
      padding-bottom: 14px;
      cursor: pointer; }
    /* line 23, ../scss/module/finance/_income-and-expense-details.scss */
    .income-and-expense-details .content .top-buttons {
      width: 100%;
      display: flex;
      flex-flow: row;
      justify-content: center; }
      /* line 29, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .top-buttons div {
        cursor: pointer;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin: 0 25px; }
        /* line 37, ../scss/module/finance/_income-and-expense-details.scss */
        .income-and-expense-details .content .top-buttons div button {
          margin-top: 8px;
          font-size: 13px;
          border: none;
          outline: none;
          background: none;
          color: #888; }
    /* line 48, ../scss/module/finance/_income-and-expense-details.scss */
    .income-and-expense-details .content .log {
      display: flex;
      justify-content: flex-end;
      color: #6e6e6e;
      font-size: 14px; }
    /* line 55, ../scss/module/finance/_income-and-expense-details.scss */
    .income-and-expense-details .content .info-container {
      margin-top: 10px;
      padding: 28px 50px;
      box-shadow: 0 0 5px #aaa;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      width: 100%; }
      /* line 64, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container input, .income-and-expense-details .create-cstmr .content .info-container .top-container .left div textarea, .create-cstmr .income-and-expense-details .content .info-container .top-container .left div textarea, .income-and-expense-details .create-cstmr .content .top-container .left div .info-container textarea, .create-cstmr .income-and-expense-details .content .top-container .left div .info-container textarea, .income-and-expense-details .shop-info .content .info-container .above-container div select, .shop-info .income-and-expense-details .content .info-container .above-container div select, .income-and-expense-details .shop-info .content .above-container div .info-container select, .shop-info .income-and-expense-details .content .above-container div .info-container select {
        outline: none;
        background: #fff; }
      /* line 69, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container input:disabled, .income-and-expense-details .create-cstmr .content .info-container .top-container .left div textarea:disabled, .create-cstmr .income-and-expense-details .content .info-container .top-container .left div textarea:disabled, .income-and-expense-details .create-cstmr .content .top-container .left div .info-container textarea:disabled, .create-cstmr .income-and-expense-details .content .top-container .left div .info-container textarea:disabled, .income-and-expense-details .shop-info .content .info-container .above-container div select:disabled, .shop-info .income-and-expense-details .content .info-container .above-container div select:disabled, .income-and-expense-details .shop-info .content .above-container div .info-container select:disabled, .shop-info .income-and-expense-details .content .above-container div .info-container select:disabled {
        border: none;
        box-shadow: none;
        background: #fdf3da;
        border: none; }
      /* line 76, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container textarea {
        background: #fff;
        border: none;
        resize: none;
        height: 30%;
        overflow: hidden; }
      /* line 84, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container textarea:disabled {
        border: none;
        box-shadow: none;
        background: #fdf3da; }
      /* line 90, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container .left {
        width: 30%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: #fdf3da;
        padding: 22px 24px; }
      /* line 99, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container .middle {
        width: 30%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: #fdf3da;
        padding: 22px 24px; }
        /* line 107, ../scss/module/finance/_income-and-expense-details.scss */
        .income-and-expense-details .content .info-container .middle .data {
          margin-top: 10px; }
      /* line 112, ../scss/module/finance/_income-and-expense-details.scss */
      .income-and-expense-details .content .info-container .right {
        width: 30%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: #fdf3da;
        padding: 22px 24px; }

/* line 1, ../scss/module/finance/_modify-income-or-expense-details.scss */
.modify-income-or-expense-details {
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
  background: #eee; }
  /* line 7, ../scss/module/finance/_modify-income-or-expense-details.scss */
  .modify-income-or-expense-details .content {
    margin: 3%;
    height: 94%;
    background: #fff;
    padding: 0 36px 20px;
    overflow: auto; }
    /* line 14, ../scss/module/finance/_modify-income-or-expense-details.scss */
    .modify-income-or-expense-details .content .more {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 14px;
      padding-bottom: 14px;
      cursor: pointer; }
    /* line 23, ../scss/module/finance/_modify-income-or-expense-details.scss */
    .modify-income-or-expense-details .content .top-buttons {
      width: 100%;
      display: flex;
      flex-flow: row;
      justify-content: center; }
      /* line 29, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .top-buttons div {
        cursor: pointer;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin: 0 25px; }
        /* line 37, ../scss/module/finance/_modify-income-or-expense-details.scss */
        .modify-income-or-expense-details .content .top-buttons div button {
          margin-top: 8px;
          font-size: 13px;
          border: none;
          outline: none;
          background: none;
          color: #888; }
    /* line 48, ../scss/module/finance/_modify-income-or-expense-details.scss */
    .modify-income-or-expense-details .content .log {
      display: flex;
      justify-content: flex-end;
      color: #6e6e6e;
      font-size: 14px; }
    /* line 55, ../scss/module/finance/_modify-income-or-expense-details.scss */
    .modify-income-or-expense-details .content .info-container {
      margin-top: 10px;
      padding: 48px 70px;
      box-shadow: 0 0 5px #aaa;
      display: flex;
      flex-flow: row;
      justify-content: space-between;
      width: 100%;
      height: 50%; }
      /* line 65, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container input, .modify-income-or-expense-details .create-cstmr .content .info-container .top-container .left div textarea, .create-cstmr .modify-income-or-expense-details .content .info-container .top-container .left div textarea, .modify-income-or-expense-details .create-cstmr .content .top-container .left div .info-container textarea, .create-cstmr .modify-income-or-expense-details .content .top-container .left div .info-container textarea, .modify-income-or-expense-details .shop-info .content .info-container .above-container div select, .shop-info .modify-income-or-expense-details .content .info-container .above-container div select, .modify-income-or-expense-details .shop-info .content .above-container div .info-container select, .shop-info .modify-income-or-expense-details .content .above-container div .info-container select {
        outline: none;
        background: #fff; }
      /* line 70, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container input:disabled, .modify-income-or-expense-details .create-cstmr .content .info-container .top-container .left div textarea:disabled, .create-cstmr .modify-income-or-expense-details .content .info-container .top-container .left div textarea:disabled, .modify-income-or-expense-details .create-cstmr .content .top-container .left div .info-container textarea:disabled, .create-cstmr .modify-income-or-expense-details .content .top-container .left div .info-container textarea:disabled, .modify-income-or-expense-details .shop-info .content .info-container .above-container div select:disabled, .shop-info .modify-income-or-expense-details .content .info-container .above-container div select:disabled, .modify-income-or-expense-details .shop-info .content .above-container div .info-container select:disabled, .shop-info .modify-income-or-expense-details .content .above-container div .info-container select:disabled {
        border: none;
        box-shadow: none;
        background: #fdf3da;
        border: none; }
      /* line 77, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container textarea {
        background: #fff;
        border: none;
        resize: none;
        height: 50%;
        overflow: hidden; }
      /* line 85, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container textarea:disabled {
        border: none;
        box-shadow: none;
        background: #fdf3da; }
      /* line 91, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container .left {
        width: 30%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: #fdf3da;
        padding: 22px 24px; }
      /* line 100, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container .middle {
        width: 30%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: #fdf3da;
        padding: 22px 24px; }
        /* line 108, ../scss/module/finance/_modify-income-or-expense-details.scss */
        .modify-income-or-expense-details .content .info-container .middle .data {
          margin-top: 10px; }
      /* line 113, ../scss/module/finance/_modify-income-or-expense-details.scss */
      .modify-income-or-expense-details .content .info-container .right {
        width: 30%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        background: #fdf3da;
        padding: 22px 24px; }

/* line 2, ../scss/module/stock/_view-stock.scss */
.view-stock {
  position: relative; }
  /* line 5, ../scss/module/stock/_view-stock.scss */
  .view-stock .filter-bar, .view-stock .filter-bar-red {
    display: flex; }
    /* line 7, ../scss/module/stock/_view-stock.scss */
    .view-stock .filter-bar .name, .view-stock .filter-bar-red .name {
      text-align: right;
      display: inline-block;
      width: 60px; }
    /* line 12, ../scss/module/stock/_view-stock.scss */
    .view-stock .filter-bar .filter-item, .view-stock .filter-bar-red .filter-item {
      margin-left: 80px; }
    /* line 15, ../scss/module/stock/_view-stock.scss */
    .view-stock .filter-bar .sto-section, .view-stock .filter-bar-red .sto-section {
      flex: 1; }
    /* line 18, ../scss/module/stock/_view-stock.scss */
    .view-stock .filter-bar .class-section, .view-stock .filter-bar-red .class-section {
      flex: 1; }
  /* line 22, ../scss/module/stock/_view-stock.scss */
  .view-stock .btn-back {
    border: none;
    width: 120px;
    height: 30px;
    padding: 0 20px;
    background: #36bc9b;
    color: #fff;
    margin-bottom: 15px; }
    /* line 30, ../scss/module/stock/_view-stock.scss */
    .view-stock .btn-back:hover {
      background: #30a88b; }
  /* line 35, ../scss/module/stock/_view-stock.scss */
  .view-stock .row {
    display: flex;
    margin: 0px 0px 10px 0px; }
    /* line 38, ../scss/module/stock/_view-stock.scss */
    .view-stock .row .total {
      border-top: 2px solid orangered;
      padding: 1em 0;
      background-color: white;
      width: 100%;
      min-height: 84px; }
      /* line 44, ../scss/module/stock/_view-stock.scss */
      .view-stock .row .total div {
        color: #a3a3a3; }
      /* line 47, ../scss/module/stock/_view-stock.scss */
      .view-stock .row .total .item {
        padding: 0 10px;
        display: inline-block;
        border-right: 2px solid grey;
        padding: 0 auto;
        min-width: 10em;
        text-align: center; }
        /* line 54, ../scss/module/stock/_view-stock.scss */
        .view-stock .row .total .item .red {
          color: red;
          font-size: 22px;
          font-weight: bold; }
        /* line 59, ../scss/module/stock/_view-stock.scss */
        .view-stock .row .total .item .blue {
          color: blue;
          font-weight: bold;
          font-size: 22px; }
  /* line 67, ../scss/module/stock/_view-stock.scss */
  .view-stock .before {
    margin-bottom: 0; }
  /* line 71, ../scss/module/stock/_view-stock.scss */
  .view-stock .table {
    position: relative; }
    /* line 73, ../scss/module/stock/_view-stock.scss */
    .view-stock .table .setting {
      position: absolute;
      top: 2px;
      left: 20px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      /* line 80, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .setting img {
        width: 30px;
        height: 30px; }
    /* line 85, ../scss/module/stock/_view-stock.scss */
    .view-stock .table .table-row {
      padding-left: 10px; }
      /* line 87, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .table-row span, .view-stock .table .table-row .create-spu .new-spec label, .create-spu .new-spec .view-stock .table .table-row label {
        width: 11%; }
      /* line 90, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .table-row .stock {
        display: block;
        width: 80px;
        text-align: center; }
      /* line 95, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .table-row .unit_price {
        width: 100px; }
      /* line 98, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .table-row .tot_price {
        width: 110px; }
      /* line 101, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .table-row .price_title {
        display: block;
        text-align: right; }
      /* line 105, ../scss/module/stock/_view-stock.scss */
      .view-stock .table .table-row .price {
        display: block;
        text-align: right; }
    /* line 111, ../scss/module/stock/_view-stock.scss */
    .view-stock .table .replace {
      padding-left: 40px; }
  /* line 115, ../scss/module/stock/_view-stock.scss */
  .view-stock .colSetting-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); }
    /* line 122, ../scss/module/stock/_view-stock.scss */
    .view-stock .colSetting-wrap .setBox {
      height: 50%;
      max-width: 600px;
      min-height: 480px;
      border-radius: 5px;
      padding: 15px;
      margin: 0 auto;
      margin-top: 15%;
      background: white;
      position: relative; }
      /* line 132, ../scss/module/stock/_view-stock.scss */
      .view-stock .colSetting-wrap .setBox .header {
        height: 50px;
        display: flex;
        padding: 0 15px;
        align-items: center;
        border-radius: 5px;
        border-bottom: 2px solid #bbb;
        justify-content: space-between; }
        /* line 141, ../scss/module/stock/_view-stock.scss */
        .view-stock .colSetting-wrap .setBox .header span.word, .view-stock .colSetting-wrap .setBox .header .create-spu .new-spec label.word, .create-spu .new-spec .view-stock .colSetting-wrap .setBox .header label.word {
          font-size: 20px;
          font-weight: bold;
          color: #ee7258; }
        /* line 147, ../scss/module/stock/_view-stock.scss */
        .view-stock .colSetting-wrap .setBox .header img {
          font-size: 20px;
          height: 20px;
          cursor: pointer; }
      /* line 156, ../scss/module/stock/_view-stock.scss */
      .view-stock .colSetting-wrap .setBox .table .table-row th,
      .view-stock .colSetting-wrap .setBox .table .table-row td {
        width: 25%;
        text-align: center; }
        /* line 160, ../scss/module/stock/_view-stock.scss */
        .view-stock .colSetting-wrap .setBox .table .table-row th input[type=text], .view-stock .colSetting-wrap .setBox .table .table-row th .create-cstmr .content .top-container .left div textarea[type=text], .create-cstmr .content .top-container .left div .view-stock .colSetting-wrap .setBox .table .table-row th textarea[type=text], .view-stock .colSetting-wrap .setBox .table .table-row th .shop-info .content .above-container div select[type=text], .shop-info .content .above-container div .view-stock .colSetting-wrap .setBox .table .table-row th select[type=text],
        .view-stock .colSetting-wrap .setBox .table .table-row td input[type=text],
        .view-stock .colSetting-wrap .setBox .table .table-row td .create-cstmr .content .top-container .left div textarea[type=text],
        .create-cstmr .content .top-container .left div .view-stock .colSetting-wrap .setBox .table .table-row td textarea[type=text],
        .view-stock .colSetting-wrap .setBox .table .table-row td .shop-info .content .above-container div select[type=text],
        .shop-info .content .above-container div .view-stock .colSetting-wrap .setBox .table .table-row td select[type=text] {
          width: 100%;
          height: 30px;
          text-align: center;
          border-radius: 5px; }
      /* line 167, ../scss/module/stock/_view-stock.scss */
      .view-stock .colSetting-wrap .setBox .table .table-row td {
        cursor: pointer; }
      /* line 170, ../scss/module/stock/_view-stock.scss */
      .view-stock .colSetting-wrap .setBox .table .table-row .hide {
        display: none; }
      /* line 175, ../scss/module/stock/_view-stock.scss */
      .view-stock .colSetting-wrap .setBox .footer {
        position: absolute;
        bottom: 10px;
        width: 90%;
        margin-left: 15px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: none; }
        /* line 185, ../scss/module/stock/_view-stock.scss */
        .view-stock .colSetting-wrap .setBox .footer span, .view-stock .colSetting-wrap .setBox .footer .create-spu .new-spec label, .create-spu .new-spec .view-stock .colSetting-wrap .setBox .footer label {
          height: 30px;
          border-radius: 2px;
          align-items: center;
          line-height: 15px; }
    /* line 194, ../scss/module/stock/_view-stock.scss */
    .view-stock .colSetting-wrap .inPad {
      margin-top: 20px;
      min-height: 480px; }

/* line 1, ../scss/module/stock/_stock-taking-details.scss */
.stock-taking-details {
  width: 100%;
  height: 100%;
  padding-bottom: 5%;
  background: #eee; }
  /* line 7, ../scss/module/stock/_stock-taking-details.scss */
  .stock-taking-details .content {
    margin: 3%;
    height: 94%;
    background: #fff;
    padding: 0 36px 20px;
    overflow: auto; }
    /* line 14, ../scss/module/stock/_stock-taking-details.scss */
    .stock-taking-details .content .more {
      width: 100%;
      display: flex;
      justify-content: center;
      padding-top: 14px;
      padding-bottom: 14px;
      cursor: pointer; }
    /* line 23, ../scss/module/stock/_stock-taking-details.scss */
    .stock-taking-details .content .top-buttons {
      width: 100%;
      display: flex;
      flex-flow: row;
      justify-content: center; }
      /* line 29, ../scss/module/stock/_stock-taking-details.scss */
      .stock-taking-details .content .top-buttons div {
        cursor: pointer;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        margin: 0 25px; }
        /* line 37, ../scss/module/stock/_stock-taking-details.scss */
        .stock-taking-details .content .top-buttons div button {
          margin-top: 8px;
          font-size: 13px;
          border: none;
          outline: none;
          background: none;
          color: #888; }
    /* line 48, ../scss/module/stock/_stock-taking-details.scss */
    .stock-taking-details .content .log {
      display: flex;
      justify-content: flex-end;
      color: #6e6e6e;
      font-size: 14px; }
    /* line 55, ../scss/module/stock/_stock-taking-details.scss */
    .stock-taking-details .content .infoandtable {
      margin-top: 10px;
      padding: 28px 50px;
      box-shadow: 0 0 5px #aaa; }
      /* line 60, ../scss/module/stock/_stock-taking-details.scss */
      .stock-taking-details .content .infoandtable .info {
        width: 100%;
        display: flex;
        flex-flow: row;
        justify-content: space-around; }
        /* line 66, ../scss/module/stock/_stock-taking-details.scss */
        .stock-taking-details .content .infoandtable .info .left {
          width: 45%;
          display: flex;
          flex-flow: column;
          justify-content: center;
          background: #fdf3da;
          padding: 22px 24px; }
          /* line 74, ../scss/module/stock/_stock-taking-details.scss */
          .stock-taking-details .content .infoandtable .info .left div {
            display: flex;
            align-items: center; }
          /* line 79, ../scss/module/stock/_stock-taking-details.scss */
          .stock-taking-details .content .infoandtable .info .left input, .stock-taking-details .create-cstmr .content .infoandtable .info .top-container .left div textarea, .create-cstmr .stock-taking-details .content .infoandtable .info .top-container .left div textarea, .stock-taking-details .create-cstmr .content .top-container .infoandtable .info .left div textarea, .create-cstmr .stock-taking-details .content .top-container .infoandtable .info .left div textarea, .stock-taking-details .shop-info .content .infoandtable .info .left .above-container div select, .shop-info .stock-taking-details .content .infoandtable .info .left .above-container div select, .stock-taking-details .shop-info .content .above-container div .infoandtable .info .left select, .shop-info .stock-taking-details .content .above-container div .infoandtable .info .left select {
            color: #6e6e6e;
            outline: none;
            background: #fff; }
          /* line 85, ../scss/module/stock/_stock-taking-details.scss */
          .stock-taking-details .content .infoandtable .info .left input:disabled, .stock-taking-details .create-cstmr .content .infoandtable .info .top-container .left div textarea:disabled, .create-cstmr .stock-taking-details .content .infoandtable .info .top-container .left div textarea:disabled, .stock-taking-details .create-cstmr .content .top-container .infoandtable .info .left div textarea:disabled, .create-cstmr .stock-taking-details .content .top-container .infoandtable .info .left div textarea:disabled, .stock-taking-details .shop-info .content .infoandtable .info .left .above-container div select:disabled, .shop-info .stock-taking-details .content .infoandtable .info .left .above-container div select:disabled, .stock-taking-details .shop-info .content .above-container div .infoandtable .info .left select:disabled, .shop-info .stock-taking-details .content .above-container div .infoandtable .info .left select:disabled {
            background: #fdf3da;
            border: none; }
        /* line 91, ../scss/module/stock/_stock-taking-details.scss */
        .stock-taking-details .content .infoandtable .info textarea {
          width: 45%;
          display: flex;
          flex-flow: column;
          justify-content: center;
          background: #fff;
          padding: 22px 24px;
          border: none;
          resize: none;
          color: #6e6e6e;
          border: 1px solid #888; }
        /* line 104, ../scss/module/stock/_stock-taking-details.scss */
        .stock-taking-details .content .infoandtable .info textarea:disabled {
          border: none;
          background: #fdf3da; }
      /* line 112, ../scss/module/stock/_stock-taking-details.scss */
      .stock-taking-details .content .infoandtable .table div span, .stock-taking-details .content .infoandtable .table div .create-spu .new-spec label, .create-spu .new-spec .stock-taking-details .content .infoandtable .table div label {
        width: 15%; }

/* line 1, ../scss/module/stock/_stocktaking.scss */
.stocktaking {
  flex-grow: 1;
  display: flex;
  flex-direction: column; }
  /* line 7, ../scss/module/stock/_stocktaking.scss */
  .stocktaking .function-tab {
    position: absolute;
    top: 60px;
    left: 20px;
    right: 20px;
    bottom: 70px;
    background-color: #eeeeee;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: hidden; }
    /* line 17, ../scss/module/stock/_stocktaking.scss */
    .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow {
      height: 100%;
      width: 100%;
      display: flex; }
      /* line 25, ../scss/module/stock/_stocktaking.scss */
      .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 100%;
        height: 100%; }
        /* line 31, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .promptSelect {
          width: 100%;
          height: 500px; }
          /* line 34, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .promptSelect p {
            color: #888;
            line-height: 500px;
            font-size: 46px;
            text-align: center;
            letter-spacing: 12px; }
        /* line 42, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .search-and-cat {
          width: 100%;
          display: flex;
          flex-shrink: 0;
          flex-direction: column;
          justify-content: center;
          background-color: white; }
        /* line 50, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list {
          display: flex;
          flex-flow: row wrap;
          align-content: flex-start;
          overflow-y: scroll;
          overflow-x: hidden;
          margin-top: 5px;
          margin-right: -18px; }
          /* line 58, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit {
            margin-top: 2px;
            margin-right: 2px;
            background-color: white;
            flex-shrink: 0;
            cursor: pointer; }
            /* line 65, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .item-info {
              position: relative;
              width: 100%;
              height: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              align-items: center;
              padding: 5px; }
              /* line 74, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .item-info .spec-name {
                text-align: end;
                font-size: 0.9em; }
              /* line 78, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .item-info:hover {
                background-color: #ee7258;
                color: white; }
              /* line 82, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .item-info:active {
                background-color: #ec5e41; }
            /* line 86, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .already-add {
              position: relative;
              width: 100%;
              height: 100%;
              background-color: #ee7258;
              position: relative;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              color: white;
              opacity: 0.8;
              z-index: 100; }
              /* line 99, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .already-add .click-to-modify {
                margin-top: 5px;
                font-size: 0.9em; }
            /* line 104, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-left .good-list .good-unit .editing {
              background-color: #E76646;
              opacity: 0.9; }
      /* line 111, ../scss/module/stock/_stocktaking.scss */
      .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right {
        width: 280px;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-left: 10px;
        width: 280px; }
        /* line 119, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec {
          background-color: white;
          padding: 10px;
          display: flex;
          flex-direction: column;
          align-items: stretch; }
          /* line 126, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .quantity {
            border-color: rgba(82, 168, 236, 0.8);
            outline: 0;
            outline: thin dotted \9 ;
            /* IE6-9 */
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
          /* line 134, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s {
            margin-top: 5px; }
          /* line 137, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line {
            display: flex;
            justify-content: space-between; }
            /* line 140, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line div {
              width: 135px;
              display: flex;
              flex-flow: row; }
            /* line 145, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line span, .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line .create-spu .new-spec label, .create-spu .new-spec .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line label {
              display: flex;
              align-items: center; }
            /* line 149, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line input, .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line textarea, .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line .shop-info .content .above-container div select, .shop-info .content .above-container div .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line select {
              width: 85px;
              margin-right: 5px; }
            /* line 153, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line input:disabled, .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line .create-cstmr .content .top-container .left div textarea:disabled, .create-cstmr .content .top-container .left div .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line textarea:disabled, .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line .shop-info .content .above-container div select:disabled, .shop-info .content .above-container div .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .mt-s.item3line select:disabled {
              border: none;
              box-shadow: none; }
          /* line 158, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec .input-long {
            border: none;
            border-left: 5px solid lightblue;
            width: 260px;
            height: 24px; }
          /* line 164, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .spec button {
            margin-top: 10px;
            align-self: center; }
        /* line 169, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-good-list-tab.typical-left-right-narrow .t-right .numpad {
          margin-top: 10px; }
    /* line 176, ../scss/module/stock/_stocktaking.scss */
    .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow {
      flex-grow: 1;
      display: flex;
      justify-content: space-between;
      align-items: stretch; }
      /* line 188, ../scss/module/stock/_stocktaking.scss */
      .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden; }
        /* line 193, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list {
          display: flex;
          flex-direction: column;
          align-items: stretch;
          flex-grow: 1; }
          /* line 200, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-head,
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line {
            display: flex;
            flex-shrink: 0;
            justify-content: space-between;
            align-items: center;
            padding: 0px 10px 0px 10px;
            height: 35px;
            background-color: white; }
            /* line 209, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-head span, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-head .create-spu .new-spec label, .create-spu .new-spec .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-head label,
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line span,
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line .create-spu .new-spec label,
            .create-spu .new-spec .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line label {
              width: 80px;
              flex-grow: 1;
              text-align: center; }
          /* line 215, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            margin-right: -17px;
            /*overflow-x: hidden;*/
            /*overflow-y: scroll;*/ }
            /* line 222, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line {
              display: flex;
              margin-top: 1px; }
              /* line 225, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line span, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line .create-spu .new-spec label, .create-spu .new-spec .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line label {
                flex: 1; }
              /* line 228, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line .ellipsis {
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                display: block;
                text-align: center; }
              /* line 236, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line .ellipsis.rtl {
                cursor: auto;
                direction: rtl; }
              /* line 241, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-left .good-list .table-line-container .table-line .ellipsis:hover {
                background: #eee;
                z-index: 100;
                height: auto;
                white-space: normal;
                word-break: break-all;
                padding: 5px; }
      /* line 253, ../scss/module/stock/_stocktaking.scss */
      .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        margin-left: 10px;
        width: 280px; }
        /* line 259, ../scss/module/stock/_stocktaking.scss */
        .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container {
          background-color: white;
          padding: 20px; }
          /* line 262, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .two-number {
            display: flex;
            justify-content: space-between; }
            /* line 265, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .two-number .big-number {
              display: flex;
              flex-direction: column;
              align-items: center;
              font-family: simhei; }
              /* line 270, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .two-number .big-number .money-number {
                font-size: 25px;
                font-weight: 500;
                color: #ee7258; }
          /* line 277, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .mt-s {
            margin-top: 5px; }
            /* line 279, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .mt-s .replace-unit {
              text-indent: 1em; }
          /* line 283, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container {
            margin-top: 5px;
            display: flex;
            align-items: center; }
            /* line 287, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container span, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container .create-spu .new-spec label, .create-spu .new-spec .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container label {
              flex-shrink: 0;
              width: 70px; }
            /* line 291, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container input, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container textarea, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container .shop-info .content .above-container div select, .shop-info .content .above-container div .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container select {
              height: 25px;
              width: 150px;
              background-color: #eeeeee;
              border: none;
              border-left: 5px solid #dbb5a8; }
            /* line 298, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container input:disabled, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container .create-cstmr .content .top-container .left div textarea:disabled, .create-cstmr .content .top-container .left div .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container textarea:disabled, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container .shop-info .content .above-container div select:disabled, .shop-info .content .above-container div .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container select:disabled {
              background: #fff; }
            /* line 301, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container textarea {
              height: 100px;
              width: 150px;
              background-color: #eeeeee;
              border: none;
              border-left: 5px solid #dbb5a8;
              overflow: hidden;
              resize: none; }
            /* line 310, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .input-container textarea:disabled {
              background: #fff; }
          /* line 314, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .check_time {
            margin-top: 15px; }
            /* line 316, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .check_time input, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .check_time .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .check_time textarea, .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .check_time .shop-info .content .above-container div select, .shop-info .content .above-container div .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .check_time select {
              border: none;
              width: 150px;
              text-align: center;
              border-bottom: 1px solid #000; }
          /* line 323, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .btn-container {
            margin-top: 5px;
            display: flex;
            justify-content: center; }
          /* line 328, ../scss/module/stock/_stocktaking.scss */
          .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .auto-complete-content {
            width: 100%;
            display: flex;
            flex-flow: row wrap;
            align-items: center;
            justify-content: flex-end; }
            /* line 334, ../scss/module/stock/_stocktaking.scss */
            .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .auto-complete-content div {
              width: 170px;
              margin-top: 1px; }
              /* line 337, ../scss/module/stock/_stocktaking.scss */
              .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .auto-complete-content div button {
                width: 100%;
                border: none;
                outline: none;
                padding: 5px 0;
                background: #eee; }
                /* line 344, ../scss/module/stock/_stocktaking.scss */
                .stocktaking .function-tab .stocktaking-submit-tab.typical-left-right-narrow .t-right .right-container .auto-complete-content div button:hover {
                  background: #e1e1e1; }

/* line 2, ../scss/module/spusku/_manage-good-and-cat.scss */
.manage-good-cat {
  position: relative; }
  /* line 7, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 291px;
    height: 36px;
    background: #fff; }
    /* line 15, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .title span, .manage-good-cat .title .create-spu .new-spec label, .create-spu .new-spec .manage-good-cat .title label {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 145px;
      height: 36px;
      background: #f9f9f9;
      color: #a3a3a3;
      border-right: 1px solid #eeeeee;
      border: none;
      outline: none;
      font-size: 15px;
      cursor: pointer; }
    /* line 30, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .title span:hover, .manage-good-cat .title .create-spu .new-spec label:hover, .create-spu .new-spec .manage-good-cat .title label:hover {
      background: #fff;
      font-weight: bold; }
    /* line 35, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .title .highlight {
      background: #fff;
      font-weight: bold; }
  /* line 41, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .row {
    display: flex;
    margin-bottom: 10px; }
    /* line 45, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .row .total {
      border-top: 2px solid orangered;
      padding: 1em 0;
      background-color: white;
      width: 100%; }
      /* line 47, ../scss/module/spusku/_manage-good-and-cat.scss */
      .manage-good-cat .row .total div {
        color: #a3a3a3; }
      /* line 48, ../scss/module/spusku/_manage-good-and-cat.scss */
      .manage-good-cat .row .total .item {
        display: inline-block;
        border-right: 2px solid grey;
        padding: 0 auto;
        min-width: 10em;
        text-align: center; }
        /* line 49, ../scss/module/spusku/_manage-good-and-cat.scss */
        .manage-good-cat .row .total .item .red {
          color: red;
          font-size: 25px; }
        /* line 52, ../scss/module/spusku/_manage-good-and-cat.scss */
        .manage-good-cat .row .total .item .blue {
          color: blue;
          font-size: 25px; }
  /* line 66, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-good .table .table-row span, .manage-good-cat .manage-good .table .table-row .create-spu .new-spec label, .create-spu .new-spec .manage-good-cat .manage-good .table .table-row label {
    width: 30%;
    max-width: 130px; }
    /* line 69, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-good .table .table-row span .fa-sort, .manage-good-cat .manage-good .table .table-row .create-spu .new-spec label .fa-sort, .create-spu .new-spec .manage-good-cat .manage-good .table .table-row label .fa-sort {
      width: 6px;
      height: 10px;
      padding-left: 3px; }
  /* line 75, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-good .table .table-row span.price_title.pointer:hover, .manage-good-cat .manage-good .table .table-row .create-spu .new-spec label.price_title.pointer:hover, .create-spu .new-spec .manage-good-cat .manage-good .table .table-row label.price_title.pointer:hover {
    color: orangered;
    padding: 5px; }
  /* line 79, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-good .table .table-row span.tip, .manage-good-cat .manage-good .table .table-row .create-spu .new-spec label.tip, .create-spu .new-spec .manage-good-cat .manage-good .table .table-row label.tip {
    position: relative; }
    /* line 82, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-good .table .table-row span.tip .tip-img, .manage-good-cat .manage-good .table .table-row .create-spu .new-spec label.tip .tip-img, .create-spu .new-spec .manage-good-cat .manage-good .table .table-row label.tip .tip-img {
      width: 24px;
      position: absolute; }
    /* line 86, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-good .table .table-row span.tip .tip-content, .manage-good-cat .manage-good .table .table-row .create-spu .new-spec label.tip .tip-content, .create-spu .new-spec .manage-good-cat .manage-good .table .table-row label.tip .tip-content {
      position: absolute;
      width: 150px; }
  /* line 91, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-good .table .table-row .price_title {
    display: block;
    text-align: right; }
  /* line 95, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-good .table .table-row .price {
    display: block;
    text-align: right; }
  /* line 99, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-good .table .table-row .tooltip-inner {
    font-size: 12px;
    width: 150px;
    height: 40px; }
  /* line 110, ../scss/module/spusku/_manage-good-and-cat.scss */
  .manage-good-cat .manage-cat .table {
    margin-top: 5px; }
    /* line 114, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-cat .table div span, .manage-good-cat .manage-cat .table div .create-spu .new-spec label, .create-spu .new-spec .manage-good-cat .manage-cat .table div label {
      width: 20%; }
    /* line 118, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-cat .table div .two-imgs span, .manage-good-cat .manage-cat .table div .two-imgs .create-spu .new-spec label, .create-spu .new-spec .manage-good-cat .manage-cat .table div .two-imgs label {
      width: 80px; }
      /* line 121, ../scss/module/spusku/_manage-good-and-cat.scss */
      .manage-good-cat .manage-cat .table div .two-imgs span span, .manage-good-cat .manage-cat .table div .two-imgs .create-spu .new-spec label span, .create-spu .new-spec .manage-good-cat .manage-cat .table div .two-imgs label span, .manage-good-cat .manage-cat .table div .two-imgs span .create-spu .new-spec label, .create-spu .new-spec .manage-good-cat .manage-cat .table div .two-imgs span label, .manage-good-cat .manage-cat .table div .two-imgs .create-spu .new-spec label label, .create-spu .new-spec .manage-good-cat .manage-cat .table div .two-imgs label label {
        width: 50%; }
    /* line 127, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-cat .table div .price_title {
      display: block;
      text-align: center; }
    /* line 131, ../scss/module/spusku/_manage-good-and-cat.scss */
    .manage-good-cat .manage-cat .table div .price {
      display: block;
      text-align: right; }

/* line 2, ../scss/module/spusku/_create-spu.scss */
.create-spu {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 6.8% 6.8% 0 6.8%;
  background: #eeeeee;
  overflow-y: auto; }
  /* line 9, ../scss/module/spusku/_create-spu.scss */
  .create-spu .sto-spec {
    width: 100%;
    padding: 0 20px;
    text-align: center;
    border-left: 2px solid #36bc9b; }
    /* line 14, ../scss/module/spusku/_create-spu.scss */
    .create-spu .sto-spec .sto-container {
      padding: 15px 0;
      width: 100%;
      height: 100%;
      border-top: 1px dashed #ddd;
      border-bottom: 1px dashed #ddd; }
      /* line 20, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container .required {
        color: red;
        width: 30px;
        text-align: left;
        padding-left: 10px;
        flex: 0.5;
        display: inline-block; }
      /* line 28, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container input[type='text'], .create-spu .sto-spec .sto-container .create-cstmr .content .top-container .left div textarea[type='text'], .create-cstmr .content .top-container .left div .create-spu .sto-spec .sto-container textarea[type='text'], .create-spu .sto-spec .sto-container .shop-info .content .above-container div select[type='text'], .shop-info .content .above-container div .create-spu .sto-spec .sto-container select[type='text'] {
        margin-left: 6px;
        height: 38px;
        background: #f9f9f9;
        border: none; }
        /* line 33, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container input[type='text']:disabled, .create-spu .sto-spec .sto-container .create-cstmr .content .top-container .left div textarea[type='text']:disabled, .create-cstmr .content .top-container .left div .create-spu .sto-spec .sto-container textarea[type='text']:disabled, .create-spu .sto-spec .sto-container .shop-info .content .above-container div select[type='text']:disabled, .shop-info .content .above-container div .create-spu .sto-spec .sto-container select[type='text']:disabled {
          border: none;
          box-shadow: none;
          background: #fff; }
      /* line 40, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container .spu-sto {
        width: 100%; }
        /* line 42, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select {
          margin-right: 90px;
          text-align: left;
          height: 80px;
          width: 100%;
          display: flex;
          align-items: center; }
          /* line 49, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .left {
            margin-right: 30px;
            width: 90px;
            height: 20px;
            text-align: center; }
            /* line 50, ../scss/module/spusku/_create-spu.scss */
            .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .left button {
              background-color: white;
              float: left;
              text-align: center;
              font-size: 16px;
              display: inline-block;
              width: 50%;
              height: 100%;
              line-height: 100%; }
          /* line 65, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .right {
            padding-right: 110px;
            width: 100%; }
            /* line 68, ../scss/module/spusku/_create-spu.scss */
            .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .right input, .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .right .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .right textarea, .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .right .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .sto-spec .sto-container .spu-sto .spu-sto-select .right select {
              margin-left: 0;
              width: 80%; }
        /* line 74, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu {
          display: flex;
          position: relative;
          align-content: flex-start;
          flex-flow: row wrap;
          padding-left: 110px;
          max-height: 500px;
          width: 80%;
          background-color: white;
          opacity: 1;
          overflow: hidden;
          margin-bottom: 10px; }
          /* line 86, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div {
            width: 25%; }
            /* line 88, ../scss/module/spusku/_create-spu.scss */
            .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div span, .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div .new-spec label, .create-spu .new-spec .sto-spec .sto-container .spu-sto .pull-down-menu div label {
              margin-top: 1px;
              width: 90%;
              height: 25px;
              border: none;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              background: #f9f9f9; }
              /* line 98, ../scss/module/spusku/_create-spu.scss */
              .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div span:hover, .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div .new-spec label:hover, .create-spu .new-spec .sto-spec .sto-container .spu-sto .pull-down-menu div label:hover {
                color: white;
                background-color: grey; }
            /* line 103, ../scss/module/spusku/_create-spu.scss */
            .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div .new {
              background-color: #36bc9b;
              color: white; }
            /* line 107, ../scss/module/spusku/_create-spu.scss */
            .create-spu .sto-spec .sto-container .spu-sto .pull-down-menu div .first-qcode {
              background-color: #ee7258;
              color: white; }
      /* line 114, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container .spu-stoSpec {
        height: 50px;
        width: 100%;
        text-align: left;
        display: flex;
        box-sizing: border-box;
        align-items: center; }
        /* line 121, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer {
          height: 50px;
          width: 25%; }
          /* line 124, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer span, .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer .new-spec label, .create-spu .new-spec .sto-spec .sto-container .spu-stoSpec .itemContainer label {
            width: 5%; }
          /* line 127, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer input, .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer textarea, .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainer select {
            width: 50%; }
        /* line 131, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind {
          display: flex;
          justify-content: space-around;
          align-items: center;
          width: 25%;
          height: 50px; }
          /* line 137, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p, .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind button {
            flex: 1;
            width: 30%; }
          /* line 142, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p span, .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p .new-spec label, .create-spu .new-spec .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p label {
            margin-right: 5px; }
          /* line 145, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p input[type=checkbox], .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p .create-cstmr .content .top-container .left div textarea[type=checkbox], .create-cstmr .content .top-container .left div .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p textarea[type=checkbox], .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p .shop-info .content .above-container div select[type=checkbox], .shop-info .content .above-container div .create-spu .sto-spec .sto-container .spu-stoSpec .itemContainerBehind p select[type=checkbox] {
            width: 15px;
            height: 15px; }
        /* line 151, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .spu-stoSpec:before {
          content: "";
          width: 8px;
          height: 8px;
          background-color: #36bc9b;
          border-radius: 50%;
          position: relative;
          left: -23px; }
      /* line 161, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container .upload {
        text-align: left;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 7px; }
        /* line 169, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .upload div {
          display: inline-block; }
        /* line 172, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .upload .picture {
          width: 100px;
          height: 100px;
          border: 1px solid #ddd;
          border-radius: 5px;
          margin: 15px;
          text-align: center;
          font-size: 10px; }
          /* line 180, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .upload .picture .hint1 {
            color: red; }
          /* line 183, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .upload .picture .hint2 {
            color: #ddd;
            font-size: 30px; }
          /* line 187, ../scss/module/spusku/_create-spu.scss */
          .create-spu .sto-spec .sto-container .upload .picture .hint3 {
            color: #ddd; }
      /* line 192, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container button {
        border: none; }
      /* line 195, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container .add-spec-btn {
        margin: 15px auto 0;
        width: 100px;
        height: 30px;
        background-color: #36bc9b;
        color: #fff;
        text-align: center; }
      /* line 204, ../scss/module/spusku/_create-spu.scss */
      .create-spu .sto-spec .sto-container .delete-spec-btn {
        height: 30px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px;
        cursor: pointer;
        background-color: white; }
        /* line 211, ../scss/module/spusku/_create-spu.scss */
        .create-spu .sto-spec .sto-container .delete-spec-btn:hover {
          background: #36bc9b;
          color: #fff; }
  /* line 219, ../scss/module/spusku/_create-spu.scss */
  .create-spu .create-spu-container {
    margin-bottom: 110px;
    padding-top: 10px;
    background: #fff; }
    /* line 225, ../scss/module/spusku/_create-spu.scss */
    .create-spu .create-spu-container .fill-info-container {
      margin-top: 28px;
      margin-left: 23px;
      margin-right: 90px;
      display: flex;
      align-items: flex-start; }
      /* line 232, ../scss/module/spusku/_create-spu.scss */
      .create-spu .create-spu-container .fill-info-container .left {
        font-size: 15px;
        margin-top: 13px;
        margin-right: 24px;
        font-weight: bold; }
      /* line 239, ../scss/module/spusku/_create-spu.scss */
      .create-spu .create-spu-container .fill-info-container .right {
        display: flex;
        flex-direction: column;
        width: 80%; }
        /* line 244, ../scss/module/spusku/_create-spu.scss */
        .create-spu .create-spu-container .fill-info-container .right div {
          display: flex;
          flex-flow: row;
          align-items: center;
          margin-bottom: 8px; }
          /* line 250, ../scss/module/spusku/_create-spu.scss */
          .create-spu .create-spu-container .fill-info-container .right div span, .create-spu .create-spu-container .fill-info-container .right div .new-spec label, .create-spu .new-spec .create-spu-container .fill-info-container .right div label {
            width: 80px;
            flex-shrink: 0; }
          /* line 255, ../scss/module/spusku/_create-spu.scss */
          .create-spu .create-spu-container .fill-info-container .right div input, .create-spu .create-spu-container .fill-info-container .right .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .create-spu .create-spu-container .fill-info-container .right div textarea, .create-spu .create-spu-container .fill-info-container .right .shop-info .content .above-container div select, .shop-info .content .above-container .create-spu .create-spu-container .fill-info-container .right div select {
            width: 100%;
            height: 38px;
            padding-left: 20px;
            background: #f9f9f9;
            border: none;
            font-size: 13px; }
        /* line 265, ../scss/module/spusku/_create-spu.scss */
        .create-spu .create-spu-container .fill-info-container .right .pull-down-menu {
          position: relative;
          display: flex;
          align-content: flex-start;
          flex-flow: row wrap;
          max-height: 500px;
          width: 100%;
          background-color: white;
          opacity: 1;
          overflow: hidden; }
          /* line 275, ../scss/module/spusku/_create-spu.scss */
          .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div {
            width: 25%; }
            /* line 277, ../scss/module/spusku/_create-spu.scss */
            .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div span, .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div .new-spec label, .create-spu .new-spec .create-spu-container .fill-info-container .right .pull-down-menu div label {
              margin-top: 1px;
              width: 90%;
              height: 25px;
              border: none;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              background: #f9f9f9; }
              /* line 287, ../scss/module/spusku/_create-spu.scss */
              .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div span:hover, .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div .new-spec label:hover, .create-spu .new-spec .create-spu-container .fill-info-container .right .pull-down-menu div label:hover {
                color: white;
                background-color: grey; }
            /* line 292, ../scss/module/spusku/_create-spu.scss */
            .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div .new {
              background-color: #36bc9b;
              color: white; }
            /* line 296, ../scss/module/spusku/_create-spu.scss */
            .create-spu .create-spu-container .fill-info-container .right .pull-down-menu div .first-qcode {
              background-color: #ee7258;
              color: white; }
        /* line 303, ../scss/module/spusku/_create-spu.scss */
        .create-spu .create-spu-container .fill-info-container .right .content {
          display: flex;
          align-items: center;
          padding-left: 20px;
          height: 30px;
          width: 80%;
          color: #303030; }
  /* line 315, ../scss/module/spusku/_create-spu.scss */
  .create-spu .new-spec {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px 0 22px;
    width: 100%;
    height: 56px;
    border-left: 2px solid #36bc9b; }
    /* line 324, ../scss/module/spusku/_create-spu.scss */
    .create-spu .new-spec span, .create-spu .new-spec label {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 15px;
      flex-shrink: 0; }
    /* line 336, ../scss/module/spusku/_create-spu.scss */
    .create-spu .new-spec input[type='text'], .create-spu .new-spec .create-cstmr .content .top-container .left div textarea[type='text'], .create-cstmr .content .top-container .left div .create-spu .new-spec textarea[type='text'], .create-spu .new-spec .shop-info .content .above-container div select[type='text'], .shop-info .content .above-container div .create-spu .new-spec select[type='text'], .create-spu .new-spec input[type='number'], .create-spu .new-spec .create-cstmr .content .top-container .left div textarea[type='number'], .create-cstmr .content .top-container .left div .create-spu .new-spec textarea[type='number'], .create-spu .new-spec .shop-info .content .above-container div select[type='number'], .shop-info .content .above-container div .create-spu .new-spec select[type='number'] {
      margin-left: 6px;
      height: 30px;
      background: #f9f9f9;
      border: none;
      width: 100%; }
      /* line 343, ../scss/module/spusku/_create-spu.scss */
      .create-spu .new-spec input[type='text']:disabled, .create-spu .new-spec .create-cstmr .content .top-container .left div textarea[type='text']:disabled, .create-cstmr .content .top-container .left div .create-spu .new-spec textarea[type='text']:disabled, .create-spu .new-spec .shop-info .content .above-container div select[type='text']:disabled, .shop-info .content .above-container div .create-spu .new-spec select[type='text']:disabled, .create-spu .new-spec input[type='number']:disabled, .create-spu .new-spec .create-cstmr .content .top-container .left div textarea[type='number']:disabled, .create-cstmr .content .top-container .left div .create-spu .new-spec textarea[type='number']:disabled, .create-spu .new-spec .shop-info .content .above-container div select[type='number']:disabled, .shop-info .content .above-container div .create-spu .new-spec select[type='number']:disabled {
        border: none;
        box-shadow: none;
        background: #fff; }
    /* line 350, ../scss/module/spusku/_create-spu.scss */
    .create-spu .new-spec div {
      display: flex;
      align-items: center;
      width: 80px; }
    /* line 357, ../scss/module/spusku/_create-spu.scss */
    .create-spu .new-spec .input-container {
      width: 250px; }
    /* line 361, ../scss/module/spusku/_create-spu.scss */
    .create-spu .new-spec .delete-spec {
      height: 30px;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 13px;
      cursor: pointer; }
      /* line 368, ../scss/module/spusku/_create-spu.scss */
      .create-spu .new-spec .delete-spec:hover {
        background: #36bc9b;
        color: #fff; }
    /* line 374, ../scss/module/spusku/_create-spu.scss */
    .create-spu .new-spec .highlight {
      background: #36bc9b;
      color: #fff; }
  /* line 380, ../scss/module/spusku/_create-spu.scss */
  .create-spu .add-spec-background {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    background: rgba(170, 170, 170, 0.5); }
    /* line 389, ../scss/module/spusku/_create-spu.scss */
    .create-spu .add-spec-background .add-spec {
      /*width: 20%;*/
      padding-left: 60px;
      padding-right: 60px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      outline: none;
      background: #f5f5f5;
      color: #999;
      font-weight: bold;
      font-size: 15px; }
  /* line 408, ../scss/module/spusku/_create-spu.scss */
  .create-spu .add-spec:hover {
    background: #e8e8e8; }
  /* line 412, ../scss/module/spusku/_create-spu.scss */
  .create-spu .bottom-menu {
    width: 100%;
    height: 78px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 3%; }
    /* line 420, ../scss/module/spusku/_create-spu.scss */
    .create-spu .bottom-menu button {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ee7258;
      height: 32px;
      /*width: 159px;*/
      padding-left: 50px;
      padding-right: 50px;
      color: #fdfdfd;
      border: none;
      outline: none;
      font-weight: bold;
      font-size: 15px;
      margin-left: 10px; }
    /* line 437, ../scss/module/spusku/_create-spu.scss */
    .create-spu .bottom-menu button:hover {
      background: #ec5e41; }

/* line 1, ../scss/module/spusku/_create-edit-cat.scss */
.create-edit-cat {
  display: flex;
  justify-content: center;
  flex-flow: column; }
  /* line 7, ../scss/module/spusku/_create-edit-cat.scss */
  .create-edit-cat .below-title-bar {
    background: #eee;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0; }
    /* line 15, ../scss/module/spusku/_create-edit-cat.scss */
    .create-edit-cat .below-title-bar .create-edit-cat-container {
      height: 400px;
      position: absolute;
      top: 100px;
      left: 100px;
      right: 100px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column; }
      /* line 27, ../scss/module/spusku/_create-edit-cat.scss */
      .create-edit-cat .below-title-bar .create-edit-cat-container div {
        width: 60%; }
      /* line 33, ../scss/module/spusku/_create-edit-cat.scss */
      .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div {
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center; }
        /* line 39, ../scss/module/spusku/_create-edit-cat.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div span, .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div .create-spu .new-spec label, .create-spu .new-spec .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div label {
          font-size: 15px;
          flex-shrink: 0;
          margin-right: 10px; }
        /* line 45, ../scss/module/spusku/_create-edit-cat.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div label {
          margin-left: 10px; }
        /* line 49, ../scss/module/spusku/_create-edit-cat.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div input[type=text], .create-edit-cat .below-title-bar .create-edit-cat-container .input-container .create-cstmr .content .top-container .left div textarea[type=text], .create-cstmr .content .top-container .left .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div textarea[type=text], .create-edit-cat .below-title-bar .create-edit-cat-container .input-container .shop-info .content .above-container div select[type=text], .shop-info .content .above-container .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div select[type=text] {
          width: 100%;
          height: 38px;
          margin-bottom: 8px;
          padding-left: 20px;
          background: #f9f9f9;
          border: none;
          font-size: 15px; }
      /* line 61, ../scss/module/spusku/_create-edit-cat.scss */
      .create-edit-cat .below-title-bar .create-edit-cat-container .create-edit-container {
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        /* line 68, ../scss/module/spusku/_create-edit-cat.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .create-edit-container button {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: 10px;
          background: #ee7258;
          height: 32px;
          padding-left: 50px;
          padding-right: 50px;
          color: #fdfdfd;
          border: none;
          outline: none;
          font-weight: bold;
          font-size: 15px; }

/* line 2, ../scss/module/cstmr/_manage-cstmr.scss */
.manage-cstmr {
  position: relative; }
  /* line 6, ../scss/module/cstmr/_manage-cstmr.scss */
  .manage-cstmr .search-bar, .manage-cstmr .search-bar-red {
    background: #fff;
    margin-bottom: 9px; }
  /* line 12, ../scss/module/cstmr/_manage-cstmr.scss */
  .manage-cstmr .table div {
    padding-left: 30px;
    padding-right: 30px; }
    /* line 16, ../scss/module/cstmr/_manage-cstmr.scss */
    .manage-cstmr .table div .ellipsis.cid-name {
      cursor: pointer; }
    /* line 20, ../scss/module/cstmr/_manage-cstmr.scss */
    .manage-cstmr .table div span, .manage-cstmr .table div .create-spu .new-spec label, .create-spu .new-spec .manage-cstmr .table div label {
      width: 20%; }
    /* line 23, ../scss/module/cstmr/_manage-cstmr.scss */
    .manage-cstmr .table div .price {
      width: 110px;
      text-align: right; }
    /* line 27, ../scss/module/cstmr/_manage-cstmr.scss */
    .manage-cstmr .table div .number_algin_item1 {
      display: block;
      width: 110px;
      text-align: right;
      padding-right: 30px; }

/* line 2, ../scss/module/cstmr/_create-cstmr.scss */
.create-cstmr {
  position: absolute;
  width: 100%;
  height: 100%; }
  /* line 7, ../scss/module/cstmr/_create-cstmr.scss */
  .create-cstmr input[type=text], .create-cstmr .content .top-container .left div textarea[type=text], .create-cstmr .shop-info .content .above-container div select[type=text], .shop-info .content .above-container div .create-cstmr select[type=text], .create-cstmr input[type=number], .create-cstmr .content .top-container .left div textarea[type=number], .create-cstmr .shop-info .content .above-container div select[type=number], .shop-info .content .above-container div .create-cstmr select[type=number] {
    border: none;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 20px;
    background: #f9f9f9; }
  /* line 15, ../scss/module/cstmr/_create-cstmr.scss */
  .create-cstmr input[type=text]:disabled, .create-cstmr input[type=number]:disabled, .create-cstmr .content .top-container .left div textarea[type=number]:disabled, .create-cstmr .shop-info .content .above-container div select[type=number]:disabled, .shop-info .content .above-container div .create-cstmr select[type=number]:disabled, .create-cstmr .content .top-container .left div textarea[type=text]:disabled, .create-cstmr .shop-info .content .above-container div select[type=text]:disabled, .shop-info .content .above-container div .create-cstmr select[type=text]:disabled {
    background: #fff;
    border: none;
    box-shadow: none; }
  /* line 25, ../scss/module/cstmr/_create-cstmr.scss */
  .create-cstmr .content {
    width: 100%;
    height: 100%;
    padding: 40px;
    background: #eee; }
    /* line 31, ../scss/module/cstmr/_create-cstmr.scss */
    .create-cstmr .content .top-container {
      width: 100%;
      height: 80%;
      display: flex;
      flex-direction: row; }
      /* line 37, ../scss/module/cstmr/_create-cstmr.scss */
      .create-cstmr .content .top-container .left {
        width: 33%;
        padding-top: 3%;
        margin-right: 10px;
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        /* line 48, ../scss/module/cstmr/_create-cstmr.scss */
        .create-cstmr .content .top-container .left div {
          width: 70%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          flex-direction: row;
          margin-bottom: 20px;
          flex-wrap: wrap; }
          /* line 57, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left div .note {
            width: 70%;
            font-size: small;
            margin: 0; }
            /* line 61, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .left div .note .red {
              color: #f00;
              width: 3em;
              margin: 0; }
          /* line 64, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left div span, .create-cstmr .content .top-container .left div .create-spu .new-spec label, .create-spu .new-spec .create-cstmr .content .top-container .left div label {
            width: 35%; }
          /* line 68, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left div input, .create-cstmr .content .top-container .left div textarea, .create-cstmr .shop-info .content .top-container .left .above-container div select, .shop-info .create-cstmr .content .top-container .left .above-container div select, .create-cstmr .shop-info .content .above-container .top-container .left div select, .shop-info .create-cstmr .content .above-container .top-container .left div select {
            width: 50%;
            margin-bottom: 0; }
          /* line 73, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left div textarea {
            padding: 10px 20px;
            rows: 8;
            border: none;
            background: #f9f9f9;
            resize: none; }
          /* line 82, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left div textarea:disabled {
            background: #fff;
            border: none;
            box-shadow: none; }
        /* line 89, ../scss/module/cstmr/_create-cstmr.scss */
        .create-cstmr .content .top-container .left .pull-down-menu {
          position: relative;
          display: flex;
          justify-content: flex-start;
          flex-flow: row wrap;
          max-height: 500px;
          background-color: white;
          opacity: 1;
          overflow-x: hidden;
          overflow-y: scroll; }
          /* line 99, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left .pull-down-menu div {
            width: 25%; }
            /* line 101, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .left .pull-down-menu div span, .create-cstmr .content .top-container .left .pull-down-menu div .create-spu .new-spec label, .create-spu .new-spec .create-cstmr .content .top-container .left .pull-down-menu div label {
              margin-top: 1px;
              width: 90%;
              height: 25px;
              border: none;
              display: flex;
              justify-content: center;
              align-items: center;
              cursor: pointer;
              background: #f9f9f9; }
              /* line 111, ../scss/module/cstmr/_create-cstmr.scss */
              .create-cstmr .content .top-container .left .pull-down-menu div span:hover, .create-cstmr .content .top-container .left .pull-down-menu div .create-spu .new-spec label:hover, .create-spu .new-spec .create-cstmr .content .top-container .left .pull-down-menu div label:hover {
                color: white;
                background-color: grey; }
            /* line 116, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .left .pull-down-menu div .first-qcode {
              background-color: #ee7258;
              color: white; }
        /* line 123, ../scss/module/cstmr/_create-cstmr.scss */
        .create-cstmr .content .top-container .left .enable {
          width: 33%;
          margin-top: 20px;
          display: flex;
          justify-content: space-around;
          align-items: center; }
          /* line 130, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .left .enable input, .create-cstmr .content .top-container .left .enable div textarea, .create-cstmr .content .top-container .left div .enable textarea, .create-cstmr .shop-info .content .top-container .left .enable .above-container div select, .shop-info .create-cstmr .content .top-container .left .enable .above-container div select, .create-cstmr .shop-info .content .above-container div .top-container .left .enable select, .shop-info .create-cstmr .content .above-container div .top-container .left .enable select {
            width: auto; }
      /* line 136, ../scss/module/cstmr/_create-cstmr.scss */
      .create-cstmr .content .top-container .right {
        width: 66%;
        padding: 3%;
        background: #fff;
        overflow: auto; }
        /* line 142, ../scss/module/cstmr/_create-cstmr.scss */
        .create-cstmr .content .top-container .right .edit {
          display: flex;
          justify-content: center; }
          /* line 146, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .edit button {
            border: none;
            outline: none;
            padding: 6px 20px;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            letter-spacing: 2px;
            background: #36bc9b; }
          /* line 157, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .edit button:hover {
            background: #30a88b; }
          /* line 161, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .edit button:disabled {
            background: #30a88b; }
        /* line 166, ../scss/module/cstmr/_create-cstmr.scss */
        .create-cstmr .content .top-container .right .contact-container {
          border-bottom: 1px solid #aaa;
          padding-bottom: 20px;
          margin-bottom: 20px; }
          /* line 173, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .contact-container .contact span, .create-cstmr .content .top-container .right .contact-container .contact .create-spu .new-spec label, .create-spu .new-spec .create-cstmr .content .top-container .right .contact-container .contact label {
            width: 70px; }
          /* line 177, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .contact-container .contact .contact-bar {
            display: flex;
            align-items: center;
            margin-bottom: 20px; }
            /* line 182, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .right .contact-container .contact .contact-bar input, .create-cstmr .content .top-container .right .contact-container .contact .contact-bar .left div textarea, .create-cstmr .content .top-container .left div .right .contact-container .contact .contact-bar textarea, .create-cstmr .shop-info .content .top-container .right .contact-container .contact .contact-bar .above-container div select, .shop-info .create-cstmr .content .top-container .right .contact-container .contact .contact-bar .above-container div select, .create-cstmr .shop-info .content .above-container div .top-container .right .contact-container .contact .contact-bar select, .shop-info .create-cstmr .content .above-container div .top-container .right .contact-container .contact .contact-bar select {
              width: auto;
              margin: 0; }
          /* line 188, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .contact-container .contact input, .create-cstmr .content .top-container .right .contact-container .contact .left div textarea, .create-cstmr .content .top-container .left div .right .contact-container .contact textarea, .create-cstmr .shop-info .content .top-container .right .contact-container .contact .above-container div select, .shop-info .create-cstmr .content .top-container .right .contact-container .contact .above-container div select, .create-cstmr .shop-info .content .above-container div .top-container .right .contact-container .contact select, .shop-info .create-cstmr .content .above-container div .top-container .right .contact-container .contact select {
            width: 25%; }
          /* line 192, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .contact-container .contact .phone, .create-cstmr .content .top-container .right .contact-container .contact .car-license {
            margin-bottom: 20px; }
            /* line 195, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .right .contact-container .contact .phone span, .create-cstmr .content .top-container .right .contact-container .contact .car-license span, .create-cstmr .content .top-container .right .contact-container .contact .phone .create-spu .new-spec label, .create-spu .new-spec .create-cstmr .content .top-container .right .contact-container .contact .phone label, .create-cstmr .content .top-container .right .contact-container .contact .car-license .create-spu .new-spec label, .create-spu .new-spec .create-cstmr .content .top-container .right .contact-container .contact .car-license label {
              float: left;
              margin-top: 10px; }
            /* line 200, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .right .contact-container .contact .phone .container, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container {
              display: flex;
              flex-flow: row wrap; }
              /* line 204, ../scss/module/cstmr/_create-cstmr.scss */
              .create-cstmr .content .top-container .right .contact-container .contact .phone .container .outer, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .outer {
                width: 25%;
                margin-right: 8%;
                height: 38px;
                margin-bottom: 10px; }
                /* line 210, ../scss/module/cstmr/_create-cstmr.scss */
                .create-cstmr .content .top-container .right .contact-container .contact .phone .container .outer div, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .outer div {
                  height: 38px;
                  display: flex;
                  justify-content: space-between;
                  align-items: center; }
                  /* line 216, ../scss/module/cstmr/_create-cstmr.scss */
                  .create-cstmr .content .top-container .right .contact-container .contact .phone .container .outer div input, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .outer div input, .create-cstmr .content .top-container .right .contact-container .contact .phone .container .outer .left div textarea, .create-cstmr .content .top-container .left .right .contact-container .contact .phone .container .outer div textarea, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .outer .left div textarea, .create-cstmr .content .top-container .left .right .contact-container .contact .car-license .container .outer div textarea, .create-cstmr .shop-info .content .top-container .right .contact-container .contact .phone .container .outer .above-container div select, .shop-info .create-cstmr .content .top-container .right .contact-container .contact .phone .container .outer .above-container div select, .create-cstmr .shop-info .content .above-container .top-container .right .contact-container .contact .phone .container .outer div select, .shop-info .create-cstmr .content .above-container .top-container .right .contact-container .contact .phone .container .outer div select, .create-cstmr .shop-info .content .top-container .right .contact-container .contact .car-license .container .outer .above-container div select, .shop-info .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .outer .above-container div select, .create-cstmr .shop-info .content .above-container .top-container .right .contact-container .contact .car-license .container .outer div select, .shop-info .create-cstmr .content .above-container .top-container .right .contact-container .contact .car-license .container .outer div select {
                    width: 85%;
                    height: 38px;
                    margin: 0; }
                  /* line 222, ../scss/module/cstmr/_create-cstmr.scss */
                  .create-cstmr .content .top-container .right .contact-container .contact .phone .container .outer div img, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .outer div img {
                    cursor: pointer; }
              /* line 228, ../scss/module/cstmr/_create-cstmr.scss */
              .create-cstmr .content .top-container .right .contact-container .contact .phone .container .add, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .add {
                width: 25%;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 38px;
                background: #f9f9f9;
                outline: none;
                border: none;
                cursor: pointer; }
                /* line 239, ../scss/module/cstmr/_create-cstmr.scss */
                .create-cstmr .content .top-container .right .contact-container .contact .phone .container .add img, .create-cstmr .content .top-container .right .contact-container .contact .car-license .container .add img {
                  height: 28px; }
          /* line 250, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .contact-container .contact .delete-contact {
            width: 100%;
            display: flex;
            justify-content: center; }
            /* line 255, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .right .contact-container .contact .delete-contact div {
              width: 25%;
              display: flex;
              align-items: center;
              justify-content: center;
              height: 38px;
              background: #f9f9f9;
              cursor: pointer; }
              /* line 264, ../scss/module/cstmr/_create-cstmr.scss */
              .create-cstmr .content .top-container .right .contact-container .contact .delete-contact div img {
                height: 28px; }
        /* line 273, ../scss/module/cstmr/_create-cstmr.scss */
        .create-cstmr .content .top-container .right .add-contact {
          width: 100%;
          display: flex;
          justify-content: center; }
          /* line 278, ../scss/module/cstmr/_create-cstmr.scss */
          .create-cstmr .content .top-container .right .add-contact div {
            width: 25%;
            display: flex;
            align-items: center;
            justify-content: center;
            height: 38px;
            background: #f9f9f9;
            cursor: pointer; }
            /* line 287, ../scss/module/cstmr/_create-cstmr.scss */
            .create-cstmr .content .top-container .right .add-contact div img {
              height: 28px; }
    /* line 295, ../scss/module/cstmr/_create-cstmr.scss */
    .create-cstmr .content .bottom-btn {
      display: flex;
      justify-content: flex-end; }
      /* line 299, ../scss/module/cstmr/_create-cstmr.scss */
      .create-cstmr .content .bottom-btn button {
        margin-right: 10px;
        border: none;
        background: #ee7258;
        padding: 8px 38px;
        margin-top: 28px;
        color: #fff;
        font-weight: bold; }
      /* line 309, ../scss/module/cstmr/_create-cstmr.scss */
      .create-cstmr .content .bottom-btn button:hover {
        background: #ec5e41; }

/* line 1, ../scss/module/cstmr/_cstmr-details.scss */
.cstmr-details {
  position: relative; }
  /* line 3, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details button {
    outline: none; }
  /* line 6, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details .btn-container {
    display: flex;
    justify-content: space-between; }
    /* line 9, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .btn-container button {
      border: none;
      height: 30px;
      padding: 0 20px;
      background: #36bc9b;
      color: #fff; }
    /* line 16, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .btn-container .bthover:hover {
      background: #30a88b; }
  /* line 20, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details .middle {
    width: 100%;
    background: #fff;
    display: flex;
    flex-direction: row;
    margin-top: 13px;
    margin-bottom: 8px; }
    /* line 27, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .middle button {
      border: none;
      padding: 4px;
      background: #e6e6e6;
      color: #000000; }
    /* line 33, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .middle .bthover:hover {
      background: #36bc9b;
      color: #fff; }
    /* line 37, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .middle .cb {
      border: none;
      padding: 4px;
      background: #36bc9b;
      color: #fff; }
    /* line 43, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .middle .cb:hover {
      background: #e6e6e6;
      background: #30a88b; }
    /* line 47, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .middle .filter-container {
      width: 66%;
      padding: 22px 22px 0;
      border-right: 10px solid #eee; }
      /* line 51, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .middle .filter-container .time-container {
        display: flex;
        align-items: center;
        margin: 22px 0; }
        /* line 55, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .filter-container .time-container .time {
          margin-right: 14px; }
        /* line 58, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .filter-container .time-container div {
          display: flex;
          align-items: center; }
          /* line 61, ../scss/module/cstmr/_cstmr-details.scss */
          .cstmr-details .middle .filter-container .time-container div span, .cstmr-details .middle .filter-container .time-container div .create-spu .new-spec label, .create-spu .new-spec .cstmr-details .middle .filter-container .time-container div label {
            margin: 0 5px; }
          /* line 64, ../scss/module/cstmr/_cstmr-details.scss */
          .cstmr-details .middle .filter-container .time-container div input, .cstmr-details .middle .filter-container .time-container .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .cstmr-details .middle .filter-container .time-container div textarea, .cstmr-details .middle .filter-container .time-container .shop-info .content .above-container div select, .shop-info .content .above-container .cstmr-details .middle .filter-container .time-container div select {
            outline: none;
            padding: 0 4px;
            width: 105px;
            border: none;
            border-bottom: 1px solid #888;
            box-shadow: none; }
      /* line 74, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .middle .filter-container .below {
        margin-bottom: 22px;
        display: flex; }
        /* line 77, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .filter-container .below span, .cstmr-details .middle .filter-container .below .create-spu .new-spec label, .create-spu .new-spec .cstmr-details .middle .filter-container .below label {
          margin-top: 3px;
          margin-right: 14px; }
        /* line 81, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .filter-container .below div {
          width: 70%; }
          /* line 83, ../scss/module/cstmr/_cstmr-details.scss */
          .cstmr-details .middle .filter-container .below div .select-all {
            margin-bottom: 6px; }
          /* line 86, ../scss/module/cstmr/_cstmr-details.scss */
          .cstmr-details .middle .filter-container .below div div {
            width: auto;
            display: flex;
            flex-flow: row wrap;
            margin-right: 6px;
            margin-bottom: 6px; }
    /* line 96, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .middle .rb {
      width: 33%;
      padding-top: 60px; }
      /* line 100, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .middle .rb .balance-container {
        display: flex;
        flex-flow: column;
        align-items: center;
        margin-bottom: 50px; }
        /* line 105, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb .balance-container .balance-text {
          font-size: x-large;
          color: #555;
          margin: 0;
          font-weight: bold; }
        /* line 111, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb .balance-container .owe {
          color: #555; }
        /* line 114, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb .balance-container .balance-number {
          font-size: xx-large;
          color: #000;
          margin: 0; }
      /* line 120, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .middle .rb .send-mode {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        padding-right: 20%; }
        /* line 125, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb .send-mode span, .cstmr-details .middle .rb .send-mode .create-spu .new-spec label, .create-spu .new-spec .cstmr-details .middle .rb .send-mode label {
          margin: 0;
          padding: 0;
          cursor: pointer; }
          /* line 129, ../scss/module/cstmr/_cstmr-details.scss */
          .cstmr-details .middle .rb .send-mode span img, .cstmr-details .middle .rb .send-mode .create-spu .new-spec label img, .create-spu .new-spec .cstmr-details .middle .rb .send-mode label img {
            width: 30px;
            height: 30px; }
      /* line 135, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .middle .rb div {
        width: 100%;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        /* line 141, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb div span, .cstmr-details .middle .rb div .create-spu .new-spec label, .create-spu .new-spec .cstmr-details .middle .rb div label {
          margin-right: 6px; }
        /* line 144, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb div .text {
          width: 40%;
          display: flex;
          justify-content: center;
          align-items: center; }
        /* line 150, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb div .info {
          width: 60%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-flow: row wrap; }
      /* line 158, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .middle .rb .btn-container {
        margin-top: 50px; }
        /* line 160, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb .btn-container button {
          width: 90px;
          padding: 8px 0;
          background: #36bc9b;
          color: #fff;
          font-size: 13px; }
        /* line 167, ../scss/module/cstmr/_cstmr-details.scss */
        .cstmr-details .middle .rb .btn-container .bthover:hover {
          background: #30a88b; }
  /* line 173, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details .statement-btn-row {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #FFFFFF;
    margin-bottom: 8px; }
    /* line 181, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .statement-btn-row select {
      height: 30px;
      width: 200px;
      margin-left: 20px;
      border: none;
      border: 1px solid #ccc; }
      /* line 187, ../scss/module/cstmr/_cstmr-details.scss */
      .cstmr-details .statement-btn-row select option {
        margin-left: 15px; }
    /* line 191, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .statement-btn-row .send {
      width: 70px;
      margin-left: 20px; }
  /* line 197, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details .table .statusRed {
    color: #ff0000; }
  /* line 200, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details .table .statusBlue {
    color: #0000ff; }
  /* line 203, ../scss/module/cstmr/_cstmr-details.scss */
  .cstmr-details .table .table-row {
    padding-right: 0;
    font-size: 15px;
    justify-content: space-around; }
    /* line 207, ../scss/module/cstmr/_cstmr-details.scss */
    .cstmr-details .table .table-row span, .cstmr-details .table .table-row .create-spu .new-spec label, .create-spu .new-spec .cstmr-details .table .table-row label {
      width: 12%;
      display: flex;
      align-items: center;
      justify-content: space-around; }

/* line 1, ../scss/module/management/_Print-settings.scss */
.print_settings {
  max-width: 1366px;
  min-width: 800px;
  margin: auto; }
  /* line 5, ../scss/module/management/_Print-settings.scss */
  .print_settings .title {
    font-weight: bold;
    color: #888;
    margin: 0, 0, 15px, 0;
    padding: 0;
    border: 0; }
  /* line 12, ../scss/module/management/_Print-settings.scss */
  .print_settings .xy-panel {
    padding: 20px; }
    /* line 14, ../scss/module/management/_Print-settings.scss */
    .print_settings .xy-panel .xy-panel-body {
      padding: 0;
      padding-top: 20px; }
    /* line 18, ../scss/module/management/_Print-settings.scss */
    .print_settings .xy-panel .xy-panel-body-row {
      display: flex;
      flex-direction: row; }
      /* line 21, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row input, .print_settings .xy-panel .xy-panel-body-row .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .print_settings .xy-panel .xy-panel-body-row textarea, .print_settings .xy-panel .xy-panel-body-row .shop-info .content .above-container div select, .shop-info .content .above-container div .print_settings .xy-panel .xy-panel-body-row select {
        width: 50%;
        background: #eee; }
      /* line 25, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row td {
        border-top: none; }
      /* line 28, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row .xy-btn-design {
        background: #ee7258;
        color: white;
        outline: none;
        margin-left: 10px; }
        /* line 33, ../scss/module/management/_Print-settings.scss */
        .print_settings .xy-panel .xy-panel-body-row .xy-btn-design:hover {
          background-color: #e3613e;
          color: white;
          outline: none; }
        /* line 38, ../scss/module/management/_Print-settings.scss */
        .print_settings .xy-panel .xy-panel-body-row .xy-btn-design:active {
          background-color: #cf441e;
          color: white;
          outline: none; }
      /* line 45, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row .xy-checkbox label {
        font-size: 15px;
        margin-right: 25px; }
        /* line 48, ../scss/module/management/_Print-settings.scss */
        .print_settings .xy-panel .xy-panel-body-row .xy-checkbox label input, .print_settings .xy-panel .xy-panel-body-row .xy-checkbox label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .print_settings .xy-panel .xy-panel-body-row .xy-checkbox label textarea, .print_settings .xy-panel .xy-panel-body-row .xy-checkbox label .shop-info .content .above-container div select, .shop-info .content .above-container div .print_settings .xy-panel .xy-panel-body-row .xy-checkbox label select {
          display: inline-block;
          height: 16px;
          width: 16px; }
      /* line 55, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row .template {
        height: 30px;
        line-height: 30px; }
      /* line 59, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row .xy-panel-body-left {
        height: 35px;
        line-height: 45px; }
      /* line 63, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row .xy-check_font_size {
        margin: 0 15px;
        font-size: 16px;
        line-height: 30px; }
        /* line 67, ../scss/module/management/_Print-settings.scss */
        .print_settings .xy-panel .xy-panel-body-row .xy-check_font_size .dropdown {
          display: inline-block;
          border-color: #e67656; }
      /* line 72, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .xy-panel-body-row .check_gridLine {
        line-height: 30px; }
        /* line 74, ../scss/module/management/_Print-settings.scss */
        .print_settings .xy-panel .xy-panel-body-row .check_gridLine label {
          width: 50px; }
    /* line 79, ../scss/module/management/_Print-settings.scss */
    .print_settings .xy-panel .btn-subject {
      background: #ee7258;
      color: white;
      outline: none;
      margin: 30px 0; }
      /* line 84, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .btn-subject:hover {
        background-color: #e3613e;
        color: white;
        outline: none; }
      /* line 89, ../scss/module/management/_Print-settings.scss */
      .print_settings .xy-panel .btn-subject:active {
        background-color: #cf441e;
        color: white;
        outline: none; }

/* line 1, ../scss/module/management/_user-info.scss */
.user-info {
  width: 100%;
  height: 100%; }
  /* line 5, ../scss/module/management/_user-info.scss */
  .user-info .title {
    display: flex;
    justify-content: center;
    margin-bottom: 15px; }
    /* line 10, ../scss/module/management/_user-info.scss */
    .user-info .title span, .user-info .title .create-spu .new-spec label, .create-spu .new-spec .user-info .title label {
      font-size: 16px;
      font-weight: bold;
      color: #888; }
  /* line 17, ../scss/module/management/_user-info.scss */
  .user-info .content {
    background: #fff;
    padding: 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center; }
    /* line 25, ../scss/module/management/_user-info.scss */
    .user-info .content input, .user-info .create-cstmr .content .top-container .left div textarea, .create-cstmr .user-info .content .top-container .left div textarea, .user-info .shop-info .content .above-container div select, .shop-info .user-info .content .above-container div select, .user-info .content select {
      height: 45px;
      background: #f9f9f9;
      border: none; }
    /* line 31, ../scss/module/management/_user-info.scss */
    .user-info .content input:disabled, .user-info .create-cstmr .content .top-container .left div textarea:disabled, .create-cstmr .user-info .content .top-container .left div textarea:disabled, .user-info .shop-info .content .above-container div select:disabled, .shop-info .user-info .content .above-container div select:disabled, .user-info .content select:disabled {
      background: #fff;
      border: none;
      box-shadow: none; }
    /* line 37, ../scss/module/management/_user-info.scss */
    .user-info .content div {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-bottom: 30px; }
      /* line 44, ../scss/module/management/_user-info.scss */
      .user-info .content div div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 400px;
        margin-bottom: 0; }
        /* line 51, ../scss/module/management/_user-info.scss */
        .user-info .content div div span, .user-info .content div div .create-spu .new-spec label, .create-spu .new-spec .user-info .content div div label {
          display: flex;
          justify-content: center;
          width: 100px; }
        /* line 57, ../scss/module/management/_user-info.scss */
        .user-info .content div div input, .user-info .create-cstmr .content .top-container .left div div textarea, .create-cstmr .user-info .content .top-container .left div div textarea, .user-info .shop-info .content .above-container div div select, .shop-info .user-info .content .above-container div div select, .user-info .content div div select {
          width: 70%; }
    /* line 65, ../scss/module/management/_user-info.scss */
    .user-info .content .status span, .user-info .content .status .create-spu .new-spec label, .create-spu .new-spec .user-info .content .status label {
      margin-right: 10px; }
    /* line 70, ../scss/module/management/_user-info.scss */
    .user-info .content button {
      width: 130px;
      height: 35px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      background: #ee7258;
      border: none;
      outline: none; }
    /* line 81, ../scss/module/management/_user-info.scss */
    .user-info .content button:hover {
      background: #ec5e41; }

/* line 2, ../scss/module/management/_manage-user.scss */
.manage-user .title {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #888; }
/* line 10, ../scss/module/management/_manage-user.scss */
.manage-user .search-bar, .manage-user .search-bar-red {
  height: 80px;
  margin-bottom: 9px; }
/* line 16, ../scss/module/management/_manage-user.scss */
.manage-user .table div span, .manage-user .table div .create-spu .new-spec label, .create-spu .new-spec .manage-user .table div label {
  width: 16%; }

/* line 2, ../scss/module/management/_create-edit-user.scss */
.create-edit-user .content-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 6.8%; }
  /* line 7, ../scss/module/management/_create-edit-user.scss */
  .create-edit-user .content-bg .content {
    background: #fff;
    padding: 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center; }
    /* line 14, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content input, .create-edit-user .content-bg .create-cstmr .content .top-container .left div textarea, .create-cstmr .create-edit-user .content-bg .content .top-container .left div textarea, .create-edit-user .content-bg .shop-info .content .above-container div select, .shop-info .create-edit-user .content-bg .content .above-container div select {
      height: 45px;
      background: #f9f9f9;
      border: none; }
      /* line 18, ../scss/module/management/_create-edit-user.scss */
      .create-edit-user .content-bg .content input:disabled, .create-edit-user .content-bg .create-cstmr .content .top-container .left div textarea:disabled, .create-cstmr .create-edit-user .content-bg .content .top-container .left div textarea:disabled, .create-edit-user .content-bg .shop-info .content .above-container div select:disabled, .shop-info .create-edit-user .content-bg .content .above-container div select:disabled {
        background: #fff; }
    /* line 22, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content div {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-bottom: 30px; }
      /* line 28, ../scss/module/management/_create-edit-user.scss */
      .create-edit-user .content-bg .content div div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 400px;
        margin-bottom: 0; }
        /* line 34, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div label {
          display: flex;
          justify-content: center;
          width: 100px; }
        /* line 39, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div span, .create-edit-user .content-bg .content div div .create-spu .new-spec label, .create-spu .new-spec .create-edit-user .content-bg .content div div label {
          width: 80px; }
        /* line 42, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div .role {
          width: 200px; }
        /* line 45, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div input[type='text'], .create-edit-user .content-bg .create-cstmr .content .top-container .left div div textarea[type='text'], .create-cstmr .create-edit-user .content-bg .content .top-container .left div div textarea[type='text'], .create-edit-user .content-bg .shop-info .content .above-container div div select[type='text'], .shop-info .create-edit-user .content-bg .content .above-container div div select[type='text'], .create-edit-user .content-bg .content div div input[type='password'], .create-edit-user .content-bg .create-cstmr .content .top-container .left div div textarea[type='password'], .create-cstmr .create-edit-user .content-bg .content .top-container .left div div textarea[type='password'], .create-edit-user .content-bg .shop-info .content .above-container div div select[type='password'], .shop-info .create-edit-user .content-bg .content .above-container div div select[type='password'], .create-edit-user .content-bg .content div div input[type="email"], .create-edit-user .content-bg .create-cstmr .content .top-container .left div div textarea[type="email"], .create-cstmr .create-edit-user .content-bg .content .top-container .left div div textarea[type="email"], .create-edit-user .content-bg .shop-info .content .above-container div div select[type="email"], .shop-info .create-edit-user .content-bg .content .above-container div div select[type="email"] {
          width: 70%; }
        /* line 48, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div input[type=password], .create-edit-user .content-bg .create-cstmr .content .top-container .left div div textarea[type=password], .create-cstmr .create-edit-user .content-bg .content .top-container .left div div textarea[type=password], .create-edit-user .content-bg .shop-info .content .above-container div div select[type=password], .shop-info .create-edit-user .content-bg .content .above-container div div select[type=password] {
          width: 70%; }
        /* line 51, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div input[type=radio], .create-edit-user .content-bg .create-cstmr .content .top-container .left div div textarea[type=radio], .create-cstmr .create-edit-user .content-bg .content .top-container .left div div textarea[type=radio], .create-edit-user .content-bg .shop-info .content .above-container div div select[type=radio], .shop-info .create-edit-user .content-bg .content .above-container div div select[type=radio] {
          height: auto; }
        /* line 54, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content div div select {
          width: 70%;
          background: #f9f9f9;
          height: 40px;
          border: none; }
    /* line 62, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content .role-bg {
      margin-bottom: 20px; }
      /* line 64, ../scss/module/management/_create-edit-user.scss */
      .create-edit-user .content-bg .content .role-bg > div {
        align-items: center;
        width: 600px; }
        /* line 67, ../scss/module/management/_create-edit-user.scss */
        .create-edit-user .content-bg .content .role-bg > div span, .create-edit-user .content-bg .content .role-bg > div .create-spu .new-spec label, .create-spu .new-spec .create-edit-user .content-bg .content .role-bg > div label {
          flex-shrink: 0;
          text-align: center; }
    /* line 74, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content .status span, .create-edit-user .content-bg .content .status .create-spu .new-spec label, .create-spu .new-spec .create-edit-user .content-bg .content .status label {
      margin-right: 10px; }
    /* line 77, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content .status input, .create-edit-user .content-bg .create-cstmr .content .status .top-container .left div textarea, .create-cstmr .create-edit-user .content-bg .content .status .top-container .left div textarea, .create-edit-user .content-bg .create-cstmr .content .top-container .left div .status textarea, .create-cstmr .create-edit-user .content-bg .content .top-container .left div .status textarea, .create-edit-user .content-bg .shop-info .content .status .above-container div select, .shop-info .create-edit-user .content-bg .content .status .above-container div select, .create-edit-user .content-bg .shop-info .content .above-container div .status select, .shop-info .create-edit-user .content-bg .content .above-container div .status select {
      height: auto; }
    /* line 81, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content button {
      width: 130px;
      height: 35px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      background: #ee7258;
      border: none;
      outline: none; }
    /* line 91, ../scss/module/management/_create-edit-user.scss */
    .create-edit-user .content-bg .content button:hover {
      background: #ec5e41; }

/* line 1, ../scss/module/management/_about-us.scss */
.about-us {
  display: flex;
  justify-content: center;
  margin-top: 70px; }
  /* line 6, ../scss/module/management/_about-us.scss */
  .about-us .about-us-container {
    width: 80%;
    height: 400px;
    background: #fff; }
    /* line 11, ../scss/module/management/_about-us.scss */
    .about-us .about-us-container div {
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center; }
    /* line 18, ../scss/module/management/_about-us.scss */
    .about-us .about-us-container .top-container {
      height: 175px; }
      /* line 21, ../scss/module/management/_about-us.scss */
      .about-us .about-us-container .top-container .top-span {
        color: #888;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 9px; }
      /* line 28, ../scss/module/management/_about-us.scss */
      .about-us .about-us-container .top-container .mid-span {
        font-size: 15px;
        margin-bottom: 9px; }
      /* line 33, ../scss/module/management/_about-us.scss */
      .about-us .about-us-container .top-container .bottom-span {
        font-size: 15px; }
    /* line 38, ../scss/module/management/_about-us.scss */
    .about-us .about-us-container .bottom-container {
      height: 165px;
      background: #ee7258; }
      /* line 42, ../scss/module/management/_about-us.scss */
      .about-us .about-us-container .bottom-container span, .about-us .about-us-container .bottom-container .create-spu .new-spec label, .create-spu .new-spec .about-us .about-us-container .bottom-container label {
        color: #fff;
        font-size: 15px;
        margin-bottom: 36px; }
        /* line 46, ../scss/module/management/_about-us.scss */
        .about-us .about-us-container .bottom-container span a, .about-us .about-us-container .bottom-container .create-spu .new-spec label a, .create-spu .new-spec .about-us .about-us-container .bottom-container label a {
          color: #fff;
          font-size: 15px; }
          /* line 49, ../scss/module/management/_about-us.scss */
          .about-us .about-us-container .bottom-container span a:hover, .about-us .about-us-container .bottom-container .create-spu .new-spec label a:hover, .create-spu .new-spec .about-us .about-us-container .bottom-container label a:hover {
            color: #ddd; }
      /* line 55, ../scss/module/management/_about-us.scss */
      .about-us .about-us-container .bottom-container .qq {
        background: #fff;
        color: #ee7258;
        font-size: 13px;
        padding: 8px 18px;
        border-radius: 20px;
        cursor: pointer; }
      /* line 64, ../scss/module/management/_about-us.scss */
      .about-us .about-us-container .bottom-container a:hover {
        background: #e6e6e6;
        color: #ec5e41; }

/* line 4, ../scss/module/management/_manage-park-address.scss */
.manage-park-address .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 36px;
  background: #fff; }
  /* line 12, ../scss/module/management/_manage-park-address.scss */
  .manage-park-address .title span, .manage-park-address .title .create-spu .new-spec label, .create-spu .new-spec .manage-park-address .title label {
    color: #a3a3a3;
    font-weight: bold; }
/* line 21, ../scss/module/management/_manage-park-address.scss */
.manage-park-address .table div span, .manage-park-address .table div .create-spu .new-spec label, .create-spu .new-spec .manage-park-address .table div label {
  width: 30%; }

/* line 1, ../scss/module/management/_create-edit-park-address.scss */
.create-edit-park-address {
  display: flex;
  justify-content: center;
  flex-flow: column; }
  /* line 6, ../scss/module/management/_create-edit-park-address.scss */
  .create-edit-park-address .below-title-bar {
    background: #eee;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0; }
    /* line 14, ../scss/module/management/_create-edit-park-address.scss */
    .create-edit-park-address .below-title-bar .create-edit-park-address-container {
      height: 400px;
      position: absolute;
      top: 100px;
      left: 100px;
      right: 100px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column; }
      /* line 26, ../scss/module/management/_create-edit-park-address.scss */
      .create-edit-park-address .below-title-bar .create-edit-park-address-container div {
        width: 60%; }
      /* line 30, ../scss/module/management/_create-edit-park-address.scss */
      .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container {
        display: flex;
        flex-flow: row;
        align-items: center; }
        /* line 34, ../scss/module/management/_create-edit-park-address.scss */
        .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container span, .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container .create-spu .new-spec label, .create-spu .new-spec .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container label {
          flex-shrink: 0;
          font-size: 16px; }
        /* line 38, ../scss/module/management/_create-edit-park-address.scss */
        .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container input, .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container textarea, .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container .shop-info .content .above-container div select, .shop-info .content .above-container div .create-edit-park-address .below-title-bar .create-edit-park-address-container .park-address-container select {
          width: 100%;
          height: 38px;
          padding-left: 20px;
          background: #f9f9f9;
          border: none;
          font-size: 13px; }
      /* line 48, ../scss/module/management/_create-edit-park-address.scss */
      .create-edit-park-address .below-title-bar .create-edit-park-address-container .create-edit-container {
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        /* line 55, ../scss/module/management/_create-edit-park-address.scss */
        .create-edit-park-address .below-title-bar .create-edit-park-address-container .create-edit-container button {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #ee7258;
          height: 32px;
          /*width: 159px;*/
          padding-left: 48px;
          padding-right: 48px;
          color: #fdfdfd;
          border: none;
          outline: none;
          font-weight: bold;
          font-size: 15px; }
        /* line 71, ../scss/module/management/_create-edit-park-address.scss */
        .create-edit-park-address .below-title-bar .create-edit-park-address-container .create-edit-container button:hover {
          background: #ec5e41; }

/* line 1, ../scss/module/management/_shop-info.scss */
.shop-info {
  width: 100%;
  height: 100%; }
  /* line 5, ../scss/module/management/_shop-info.scss */
  .shop-info .title {
    display: flex;
    justify-content: center;
    margin-bottom: 15px; }
    /* line 10, ../scss/module/management/_shop-info.scss */
    .shop-info .title span, .shop-info .title .create-spu .new-spec label, .create-spu .new-spec .shop-info .title label {
      font-size: 16px;
      font-weight: bold;
      color: #888; }
  /* line 17, ../scss/module/management/_shop-info.scss */
  .shop-info .content {
    padding: 0 40px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center; }
    /* line 24, ../scss/module/management/_shop-info.scss */
    .shop-info .content .above-container {
      width: 100%;
      height: 155px;
      background: #fff;
      display: flex;
      flex-flow: column;
      justify-content: center;
      align-items: center;
      margin-top: 5px; }
      /* line 34, ../scss/module/management/_shop-info.scss */
      .shop-info .content .above-container div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px; }
        /* line 41, ../scss/module/management/_shop-info.scss */
        .shop-info .content .above-container div span, .shop-info .content .above-container div .create-spu .new-spec label, .create-spu .new-spec .shop-info .content .above-container div label {
          width: 100px;
          display: flex;
          justify-content: center;
          align-items: center; }
        /* line 48, ../scss/module/management/_shop-info.scss */
        .shop-info .content .above-container div input, .shop-info .create-cstmr .content .above-container .top-container .left div textarea, .create-cstmr .shop-info .content .above-container .top-container .left div textarea, .shop-info .create-cstmr .content .top-container .left .above-container div textarea, .create-cstmr .shop-info .content .top-container .left .above-container div textarea, .shop-info .content .above-container div select {
          height: 45px;
          background: #f9f9f9;
          border: none;
          width: 62%;
          padding-left: 22px;
          color: #444; }
        /* line 57, ../scss/module/management/_shop-info.scss */
        .shop-info .content .above-container div input:disabled, .shop-info .create-cstmr .content .above-container .top-container .left div textarea:disabled, .create-cstmr .shop-info .content .above-container .top-container .left div textarea:disabled, .shop-info .create-cstmr .content .top-container .left .above-container div textarea:disabled, .create-cstmr .shop-info .content .top-container .left .above-container div textarea:disabled, .shop-info .content .above-container div select:disabled {
          background: #fff;
          color: #808080; }
    /* line 68, ../scss/module/management/_shop-info.scss */
    .shop-info .content .below-container {
      margin-top: 30px; }
      /* line 71, ../scss/module/management/_shop-info.scss */
      .shop-info .content .below-container button {
        width: 100px;
        height: 30px;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        background: #ee7258;
        border: none;
        outline: none; }
      /* line 82, ../scss/module/management/_shop-info.scss */
      .shop-info .content .below-container button:hover {
        background: #ec5e41; }

/* line 1, ../scss/module/management/_system-settings.scss */
.system-settings {
  position: relative;
  overflow: hidden; }
  /* line 4, ../scss/module/management/_system-settings.scss */
  .system-settings .title {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #888; }
  /* line 12, ../scss/module/management/_system-settings.scss */
  .system-settings .above-container {
    display: flex;
    justify-content: center;
    background: #fff; }
    /* line 16, ../scss/module/management/_system-settings.scss */
    .system-settings .above-container .center {
      width: 400px;
      padding: 20px;
      margin-left: 20px; }
      /* line 20, ../scss/module/management/_system-settings.scss */
      .system-settings .above-container .center div {
        width: 100%;
        margin: 20px 0;
        display: flex;
        align-items: center; }
        /* line 25, ../scss/module/management/_system-settings.scss */
        .system-settings .above-container .center div input, .system-settings .above-container .center .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left .system-settings .above-container .center div textarea, .system-settings .shop-info .content .above-container .center div select, .shop-info .content .system-settings .above-container .center div select {
          margin-right: 5px; }
        /* line 28, ../scss/module/management/_system-settings.scss */
        .system-settings .above-container .center div form {
          width: 100%; }
        /* line 31, ../scss/module/management/_system-settings.scss */
        .system-settings .above-container .center div .inline {
          width: 80%; }
        /* line 34, ../scss/module/management/_system-settings.scss */
        .system-settings .above-container .center div label {
          width: 100%; }
      /* line 38, ../scss/module/management/_system-settings.scss */
      .system-settings .above-container .center .finance-mode {
        display: flex;
        flex-flow: column;
        margin-left: 20px;
        margin: 0 0 0 20px; }
        /* line 43, ../scss/module/management/_system-settings.scss */
        .system-settings .above-container .center .finance-mode label {
          margin: 10px 0; }
  /* line 49, ../scss/module/management/_system-settings.scss */
  .system-settings .below-container {
    display: flex;
    justify-content: center;
    margin-top: 20px; }
    /* line 53, ../scss/module/management/_system-settings.scss */
    .system-settings .below-container button {
      width: 100px;
      height: 30px;
      font-size: 15px;
      font-weight: bold;
      color: #fff;
      background: #ee7258;
      border: none;
      outline: none; }
    /* line 63, ../scss/module/management/_system-settings.scss */
    .system-settings .below-container button:hover {
      background: #ec5e41; }
  /* line 67, ../scss/module/management/_system-settings.scss */
  .system-settings .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 800px;
    background: rgba(0, 0, 0, 0.7); }
    /* line 73, ../scss/module/management/_system-settings.scss */
    .system-settings .mask div {
      margin-top: 200px;
      color: white;
      font-size: 24px;
      text-align: center; }

/* line 3, ../scss/module/draft/_ViewDraft.scss */
.view-draft .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 450px;
  height: 36px;
  background: #fff; }
  /* line 11, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .title button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 36px;
    background: #f9f9f9;
    color: #a3a3a3;
    border-right: 1px solid #eeeeee;
    border: none;
    outline: none;
    font-size: 15px; }
  /* line 25, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .title button:hover {
    background: #fff;
    font-weight: bold; }
  /* line 30, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .title .highlight {
    background: #fff;
    font-weight: bold; }
/* line 37, ../scss/module/draft/_ViewDraft.scss */
.view-draft .t0 div {
  padding-left: 15px; }
  /* line 40, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .t0 div span, .view-draft .t0 div .create-spu .new-spec label, .create-spu .new-spec .view-draft .t0 div label {
    width: 15%; }
  /* line 44, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .t0 div .two-buttons {
    width: 19%; }
/* line 51, ../scss/module/draft/_ViewDraft.scss */
.view-draft .t1 div {
  padding-left: 15px; }
  /* line 54, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .t1 div span, .view-draft .t1 div .create-spu .new-spec label, .create-spu .new-spec .view-draft .t1 div label {
    width: 10%; }
  /* line 58, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .t1 div .two-buttons {
    width: 25%; }
/* line 65, ../scss/module/draft/_ViewDraft.scss */
.view-draft .t2 div {
  padding-left: 15px; }
  /* line 68, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .t2 div span, .view-draft .t2 div .create-spu .new-spec label, .create-spu .new-spec .view-draft .t2 div label {
    width: 14%; }
  /* line 71, ../scss/module/draft/_ViewDraft.scss */
  .view-draft .t2 div .two-buttons {
    width: 25%; }

/* line 1, ../scss/module/dashboard/_dashboard.scss */
.dashboard {
  margin-bottom: 30px; }
  /* line 3, ../scss/module/dashboard/_dashboard.scss */
  .dashboard .chartandtables {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center; }
    /* line 8, ../scss/module/dashboard/_dashboard.scss */
    .dashboard .chartandtables .statistics {
      height: 100px;
      width: 100%;
      background: white;
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
      margin-bottom: 10px; }
      /* line 17, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .statistics .block {
        width: 33%;
        height: 80%;
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: bold; }
      /* line 27, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .statistics .b1 {
        color: #169BD5;
        border-right: 1px solid #E1E1E1; }
      /* line 31, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .statistics .b2 {
        color: #EE7258;
        border-right: 1px solid #E1E1E1; }
      /* line 35, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .statistics .b3 {
        color: #CC99FF;
        border-right: 1px solid #E1E1E1; }
      /* line 39, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .statistics .b4 {
        color: #36BC9B; }
    /* line 43, ../scss/module/dashboard/_dashboard.scss */
    .dashboard .chartandtables .chart {
      margin-bottom: 30px;
      background: #fff;
      width: 100%;
      height: 300px;
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: flex-end; }
      /* line 52, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .chart span, .dashboard .chartandtables .chart .create-spu .new-spec label, .create-spu .new-spec .dashboard .chartandtables .chart label {
        display: flex;
        justify-content: center;
        color: #444;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 10px; }
    /* line 61, ../scss/module/dashboard/_dashboard.scss */
    .dashboard .chartandtables .optionsandtables {
      width: 100%; }
      /* line 63, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .optionsandtables .options {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 36px;
        background: #fff; }
        /* line 70, ../scss/module/dashboard/_dashboard.scss */
        .dashboard .chartandtables .optionsandtables .options span, .dashboard .chartandtables .optionsandtables .options .create-spu .new-spec label, .create-spu .new-spec .dashboard .chartandtables .optionsandtables .options label {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 33.33%;
          height: 36px;
          background: #f9f9f9;
          color: #a3a3a3;
          border-right: 1px solid #eeeeee;
          border: none;
          outline: none;
          font-size: 15px;
          border-left: 1px solid #ddd; }
        /* line 84, ../scss/module/dashboard/_dashboard.scss */
        .dashboard .chartandtables .optionsandtables .options .first-span {
          border: none; }
        /* line 87, ../scss/module/dashboard/_dashboard.scss */
        .dashboard .chartandtables .optionsandtables .options span:hover, .dashboard .chartandtables .optionsandtables .options .create-spu .new-spec label:hover, .create-spu .new-spec .dashboard .chartandtables .optionsandtables .options label:hover {
          background: #fff;
          font-weight: bold; }
        /* line 91, ../scss/module/dashboard/_dashboard.scss */
        .dashboard .chartandtables .optionsandtables .options .highlight {
          background: #fff;
          font-weight: bold; }
      /* line 96, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .optionsandtables span, .dashboard .chartandtables .optionsandtables .create-spu .new-spec label, .create-spu .new-spec .dashboard .chartandtables .optionsandtables label {
        cursor: pointer; }
      /* line 100, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .optionsandtables .first-table span, .dashboard .chartandtables .optionsandtables .first-table .create-spu .new-spec label, .create-spu .new-spec .dashboard .chartandtables .optionsandtables .first-table label {
        width: 20%; }
      /* line 105, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .optionsandtables .second-table span, .dashboard .chartandtables .optionsandtables .second-table .create-spu .new-spec label, .create-spu .new-spec .dashboard .chartandtables .optionsandtables .second-table label {
        width: 15%; }
      /* line 110, ../scss/module/dashboard/_dashboard.scss */
      .dashboard .chartandtables .optionsandtables .third-table span, .dashboard .chartandtables .optionsandtables .third-table .create-spu .new-spec label, .create-spu .new-spec .dashboard .chartandtables .optionsandtables .third-table label {
        width: 45%; }
  /* line 116, ../scss/module/dashboard/_dashboard.scss */
  .dashboard .call-board {
    position: fixed;
    right: 0;
    width: 243px;
    height: 100%;
    background: #fff;
    box-shadow: 0 0 5px #aaa;
    display: flex;
    flex-flow: column; }
    /* line 126, ../scss/module/dashboard/_dashboard.scss */
    .dashboard .call-board div {
      border-top: 1px solid #eee;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 30px;
      font-size: 14px;
      color: #5d5d5d; }
    /* line 135, ../scss/module/dashboard/_dashboard.scss */
    .dashboard .call-board .border {
      width: 100%;
      height: 1px;
      margin-top: -1px;
      box-shadow: 0 0 5px 1px #aaa; }
    /* line 141, ../scss/module/dashboard/_dashboard.scss */
    .dashboard .call-board .first-div {
      border: none;
      font-size: 16px;
      font-weight: bold;
      color: #565656; }

/* line 2, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder button {
  outline: none; }
/* line 6, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .filter {
  display: flex;
  align-items: center;
  height: 36px; }
  /* line 11, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .filter .cb {
    background: #fff;
    font-weight: bold; }
  /* line 16, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .filter span, .vieworder .filter .create-spu .new-spec label, .create-spu .new-spec .vieworder .filter label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
    height: 36px;
    background: #f9f9f9;
    color: #a3a3a3;
    border-right: 1px solid #eeeeee;
    border: none;
    outline: none;
    font-size: 15px;
    cursor: pointer; }
  /* line 33, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .filter .bthover:hover {
    background: #fff;
    font-weight: bold; }
/* line 39, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .checkbox-row {
  background: #fff;
  overflow: hidden;
  margin-bottom: 10px; }
/* line 45, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .checkbox {
  width: 32%;
  float: left;
  display: flex; }
  /* line 49, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .checkbox button {
    border: none;
    padding: 4px;
    background: #e6e6e6;
    color: #000000; }
  /* line 56, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .checkbox .bthover:hover {
    background: #36bc9b;
    color: #fff; }
  /* line 61, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .checkbox .cb {
    border: none;
    padding: 4px;
    background: #36bc9b;
    color: #ffffff; }
  /* line 68, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .checkbox .cb:hover {
    background: #e6e6e6;
    background: #30a88b; }
  /* line 73, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .checkbox span, .vieworder .checkbox .create-spu .new-spec label, .create-spu .new-spec .vieworder .checkbox label {
    margin: 0 10px 0 22px;
    line-height: 20px;
    min-width: 60px; }
  /* line 79, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .checkbox div {
    width: 100%; }
    /* line 82, ../scss/module/ViewOrder/_ViewOrder.scss */
    .vieworder .checkbox div .select-all {
      margin-bottom: 6px; }
    /* line 86, ../scss/module/ViewOrder/_ViewOrder.scss */
    .vieworder .checkbox div div {
      width: auto;
      display: flex;
      flex-flow: row wrap;
      margin-right: 10px;
      margin-bottom: 6px; }
/* line 97, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table .statusRed {
  color: #ff0000; }
/* line 100, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table .statusBlue {
  color: #0000ff; }
/* line 107, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div span, .vieworder .table div .create-spu .new-spec label, .create-spu .new-spec .vieworder .table div label {
  width: 15%;
  margin: 0; }
/* line 111, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .cat {
  width: 5%;
  min-width: 100px; }
/* line 115, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .cid-name {
  width: 20%;
  min-width: 170px; }
/* line 119, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .ellipsis.cid-name {
  cursor: pointer; }
/* line 122, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .sn {
  width: 15%;
  min-width: 160px; }
/* line 126, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .time {
  width: 15%;
  min-width: 160px; }
/* line 130, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .status {
  width: 5%;
  min-width: 50px; }
/* line 135, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .operate {
  width: 10%;
  min-width: 100px; }
/* line 139, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .price {
  width: 110px;
  text-align: right; }
  /* line 142, ../scss/module/ViewOrder/_ViewOrder.scss */
  .vieworder .table div .price .number_algin_item1 {
    display: block;
    width: 110px;
    text-align: right;
    padding-right: 25px; }
/* line 149, ../scss/module/ViewOrder/_ViewOrder.scss */
.vieworder .table div .remark {
  width: 150px; }

/* line 3, ../scss/module/search/_search.scss */
.search .result {
  margin-bottom: 30px; }
/* line 7, ../scss/module/search/_search.scss */
.search .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 291px;
  height: 36px;
  background: #fff; }
  /* line 15, ../scss/module/search/_search.scss */
  .search .title span, .search .title .create-spu .new-spec label, .create-spu .new-spec .search .title label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 145px;
    height: 36px;
    background: #f9f9f9;
    color: #a3a3a3;
    border-right: 1px solid #eeeeee;
    border: none;
    outline: none;
    font-size: 15px;
    cursor: pointer; }
  /* line 30, ../scss/module/search/_search.scss */
  .search .title span:hover, .search .title .create-spu .new-spec label:hover, .create-spu .new-spec .search .title label:hover {
    background: #fff;
    font-weight: bold; }
  /* line 35, ../scss/module/search/_search.scss */
  .search .title .selected {
    background: #fff;
    font-weight: bold; }
/* line 43, ../scss/module/search/_search.scss */
.search .first-table div span, .search .first-table div .create-spu .new-spec label, .create-spu .new-spec .search .first-table div label {
  width: 16%; }
/* line 51, ../scss/module/search/_search.scss */
.search .second-table div span, .search .second-table div .create-spu .new-spec label, .create-spu .new-spec .search .second-table div label {
  width: 16%; }
/* line 59, ../scss/module/search/_search.scss */
.search .third-table div span, .search .third-table div .create-spu .new-spec label, .create-spu .new-spec .search .third-table div label {
  width: 18%; }

/* line 1, ../scss/module/summarysheet/_today-summary-sheet.scss */
.today-summary-sheet {
  margin-bottom: 30px; }
  /* line 3, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .return {
    margin-bottom: 20px; }
    /* line 5, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .return button {
      width: 80px;
      height: 30px;
      outline: none;
      border: none;
      background: #ee7258;
      color: #fff;
      font-size: 13px; }
    /* line 14, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .return button:hover {
      background: #ec5e41; }
  /* line 18, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .title {
    display: flex;
    align-items: center;
    margin-bottom: 22px; }
    /* line 22, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .title span, .today-summary-sheet .title .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .title label {
      font-size: 20px;
      font-weight: bold; }
    /* line 26, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .title .left {
      font-size: 20px;
      padding-right: 23px;
      color: #bbb; }
    /* line 31, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .title .right {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 4px 7px;
      margin: 0 15px;
      height: 20px;
      font-size: 14px;
      color: #5e5e5e; }
      /* line 40, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .title .right.text {
        cursor: auto; }
    /* line 44, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .title .highlight {
      background: #36bc9b;
      color: #fff; }
  /* line 49, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .row {
    display: flex;
    margin-bottom: 15px; }
    /* line 52, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row span, .today-summary-sheet .row .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .row label {
      font-weight: bold; }
    /* line 55, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row .left {
      display: flex;
      flex-flow: row;
      justify-content: center;
      align-items: center;
      width: 28%;
      height: 58px;
      background: #88aed2;
      margin-right: 1.8%;
      border-bottom: 1px solid #eee; }
      /* line 65, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .left div {
        display: flex;
        flex-flow: column;
        width: 50%;
        justify-content: center;
        align-items: center; }
        /* line 71, ../scss/module/summarysheet/_today-summary-sheet.scss */
        .today-summary-sheet .row .left div span, .today-summary-sheet .row .left div .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .row .left div label {
          margin-top: 3px;
          height: 17px;
          color: #fff; }
    /* line 78, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row .right {
      display: flex;
      flex-flow: column;
      width: 70%; }
      /* line 82, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .right div {
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        height: 58px;
        width: 100%;
        background: #cde0cf;
        border-bottom: 1px solid #eee; }
        /* line 91, ../scss/module/summarysheet/_today-summary-sheet.scss */
        .today-summary-sheet .row .right div div {
          display: flex;
          flex-flow: column;
          width: 20%;
          justify-content: center;
          align-items: center; }
          /* line 97, ../scss/module/summarysheet/_today-summary-sheet.scss */
          .today-summary-sheet .row .right div div span, .today-summary-sheet .row .right div div .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .row .right div div label {
            margin-top: 3px;
            color: #fff; }
  /* line 106, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t1 span, .today-summary-sheet .t1 .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .t1 label {
    width: 12%; }
  /* line 109, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t1 .price_title {
    display: block;
    text-align: right; }
  /* line 113, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t1 .price {
    display: block;
    text-align: right; }
  /* line 120, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t2 div span, .today-summary-sheet .t2 div .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .t2 div label {
    width: 14%; }
  /* line 123, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t2 div .price_title {
    display: block;
    text-align: right; }
  /* line 127, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t2 div .price {
    display: block;
    text-align: right;
    position: relative;
    left: -50px; }
  /* line 134, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .t2 .head {
    height: 50px; }
    /* line 136, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .t2 .head span, .today-summary-sheet .t2 .head .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .t2 .head label {
      width: 14%; }

/* line 145, ../scss/module/summarysheet/_today-summary-sheet.scss */
.today-summary-sheet .purple {
  background-color: #7a4579; }
/* line 148, ../scss/module/summarysheet/_today-summary-sheet.scss */
.today-summary-sheet .peach {
  background-color: #d56073;
  margin: 0 5%; }
/* line 152, ../scss/module/summarysheet/_today-summary-sheet.scss */
.today-summary-sheet .skyblue {
  background-color: #769fcd; }
/* line 155, ../scss/module/summarysheet/_today-summary-sheet.scss */
.today-summary-sheet .row {
  margin-left: 30px;
  margin-right: 30px;
  display: flex;
  margin-bottom: 15px; }
  /* line 160, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .row .total {
    border-top: 2px solid orangered;
    padding: 1em 0;
    background-color: white;
    width: 100%; }
    /* line 165, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row .total div {
      font-weight: bold; }
    /* line 168, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row .total .item {
      display: inline-block;
      border-right: 2px solid grey;
      padding: 0 2em;
      min-width: 10em;
      text-align: center; }
  /* line 176, ../scss/module/summarysheet/_today-summary-sheet.scss */
  .today-summary-sheet .row .detail {
    width: 30%;
    display: inline-block;
    padding-bottom: 2em;
    height: 100%;
    border-radius: 2px; }
    /* line 182, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row .detail .head {
      height: 10em;
      width: 100%;
      padding-top: 3em; }
      /* line 186, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .head div {
        text-align: center;
        font-size: 2em;
        color: white;
        cursor: pointer; }
      /* line 192, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .head .small {
        font-size: 1em; }
      /* line 195, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .head .detailBtn {
        font-size: 1em;
        margin-top: 10px; }
    /* line 200, ../scss/module/summarysheet/_today-summary-sheet.scss */
    .today-summary-sheet .row .detail .select-group {
      width: 100%;
      background-color: white;
      font-weight: 500; }
      /* line 204, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .select-group .select-group-head {
        width: 100%;
        background-color: white;
        border-bottom: 2px solid gainsboro;
        height: 3em;
        padding-top: 0.7em;
        font-weight: 500;
        padding-right: 1em; }
      /* line 213, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .select-group label {
        padding: 0 0.5em; }
      /* line 216, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .select-group span, .today-summary-sheet .row .detail .select-group .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .row .detail .select-group label {
        float: right; }
      /* line 219, ../scss/module/summarysheet/_today-summary-sheet.scss */
      .today-summary-sheet .row .detail .select-group .select-group-body {
        width: 100%; }
        /* line 221, ../scss/module/summarysheet/_today-summary-sheet.scss */
        .today-summary-sheet .row .detail .select-group .select-group-body .option {
          width: 100%;
          height: 3em;
          background-color: #f2f2f2;
          border-bottom: 1px solid gainsboro;
          padding-top: 0.7em;
          font-weight: 500;
          padding-right: 1em; }
        /* line 230, ../scss/module/summarysheet/_today-summary-sheet.scss */
        .today-summary-sheet .row .detail .select-group .select-group-body label {
          padding: 0 0.5em; }
        /* line 233, ../scss/module/summarysheet/_today-summary-sheet.scss */
        .today-summary-sheet .row .detail .select-group .select-group-body span, .today-summary-sheet .row .detail .select-group .select-group-body .create-spu .new-spec label, .create-spu .new-spec .today-summary-sheet .row .detail .select-group .select-group-body label {
          float: right; }

/* line 1, ../scss/module/summarysheet/_everyday-summary-sheet.scss */
.everyday-summary-sheet {
  position: relative;
  top: 0;
  bottom: 0; }
  /* line 10, ../scss/module/summarysheet/_everyday-summary-sheet.scss */
  .everyday-summary-sheet .table span, .everyday-summary-sheet .table .create-spu .new-spec label, .create-spu .new-spec .everyday-summary-sheet .table label {
    width: 10%; }
  /* line 13, ../scss/module/summarysheet/_everyday-summary-sheet.scss */
  .everyday-summary-sheet .table .time {
    width: 10%; }
  /* line 16, ../scss/module/summarysheet/_everyday-summary-sheet.scss */
  .everyday-summary-sheet .table .price_title {
    display: block;
    text-align: right; }
  /* line 20, ../scss/module/summarysheet/_everyday-summary-sheet.scss */
  .everyday-summary-sheet .table .price {
    display: block;
    text-align: right; }

/* line 4, ../scss/module/AccountPay/_AccountPay.scss */
.beecloud-wx canvas {
  width: 100% !important;
  height: 100% !important; }

/* line 10, ../scss/module/AccountPay/_AccountPay.scss */
.account-pay {
  position: relative;
  width: 100%;
  height: 100%; }
  /* line 14, ../scss/module/AccountPay/_AccountPay.scss */
  .account-pay .select-dialog {
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(163, 163, 163, 0.6);
    z-index: 1000000; }
    /* line 26, ../scss/module/AccountPay/_AccountPay.scss */
    .account-pay .select-dialog .select-dialog-container {
      width: 700px;
      height: 250px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column;
      background: #fff;
      box-shadow: 0 0 5px #aaa; }
      /* line 35, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .select-dialog .select-dialog-container a {
        height: 30px;
        padding: 0 24px;
        font-size: 14px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        color: #444; }
      /* line 44, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .select-dialog .select-dialog-container .select-title {
        width: 600px;
        display: flex;
        justify-content: flex-start; }
        /* line 48, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .select-title a {
          cursor: auto;
          font-size: 17px;
          padding: 0; }
      /* line 54, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .select-dialog .select-dialog-container .month-container {
        width: 610px;
        display: flex;
        justify-content: center; }
        /* line 58, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .month-container > div {
          width: 140px;
          border-right: 1px solid #fff;
          height: 80px;
          display: flex;
          flex-flow: column;
          justify-content: center; }
          /* line 65, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .select-dialog .select-dialog-container .month-container > div a {
            font-size: 18px;
            padding: 0; }
        /* line 70, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .month-container .month {
          border: 1px solid #ccc;
          margin: 5px;
          cursor: pointer;
          display: flex;
          flex-flow: column; }
          /* line 76, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .select-dialog .select-dialog-container .month-container .month > a {
            width: 100%; }
          /* line 79, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .select-dialog .select-dialog-container .month-container .month div {
            display: flex;
            flex-flow: row;
            justify-content: flex-end;
            padding-right: 10px; }
            /* line 84, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .select-dialog .select-dialog-container .month-container .month div a {
              font-size: 22px;
              color: #db2b1e;
              width: 100%;
              text-align: center; }
            /* line 90, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .select-dialog .select-dialog-container .month-container .month div sup {
              top: 0;
              display: block;
              line-height: 15px;
              font-size: 14px; }
            /* line 96, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .select-dialog .select-dialog-container .month-container .month div .current-price {
              position: relative;
              left: 35px; }
          /* line 101, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .select-dialog .select-dialog-container .month-container .month:hover {
            border: 1px solid #cb3b3b; }
        /* line 105, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .month-container .selected {
          border: 1px solid #cb3b3b; }
        /* line 108, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .month-container .left {
          border: none;
          cursor: auto; }
          /* line 111, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .select-dialog .select-dialog-container .month-container .left a {
            cursor: auto; }
          /* line 114, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .select-dialog .select-dialog-container .month-container .left:hover {
            border: none; }
      /* line 119, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .select-dialog .select-dialog-container .btn-container {
        margin-top: 30px;
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 125, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .btn-container a {
          cursor: pointer;
          color: #fff;
          background: #cb3b3b;
          margin: 0 20px;
          align-items: center; }
        /* line 132, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .select-dialog .select-dialog-container .btn-container a:hover {
          background: #bb3232; }
  /* line 138, ../scss/module/AccountPay/_AccountPay.scss */
  .account-pay .price {
    position: relative;
    width: 100%;
    height: 100%; }
    /* line 142, ../scss/module/AccountPay/_AccountPay.scss */
    .account-pay .price .custom-made {
      display: flex;
      background-color: #fff;
      width: 100%;
      margin-top: 10px;
      text-align: center;
      height: 50px;
      align-items: center;
      justify-content: center; }
      /* line 152, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .custom-made p span, .account-pay .price .custom-made p .create-spu .new-spec label, .create-spu .new-spec .account-pay .price .custom-made p label {
        margin-left: 20px; }
      /* line 156, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .custom-made p button {
        width: 120px;
        background-color: white;
        border-radius: 5px;
        text-align: center;
        border: 1px solid #ee7258;
        margin-left: 20px;
        height: 40px; }
    /* line 167, ../scss/module/AccountPay/_AccountPay.scss */
    .account-pay .price .block {
      width: 100%; }
      /* line 169, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .block a {
        cursor: auto;
        color: #000; }
    /* line 174, ../scss/module/AccountPay/_AccountPay.scss */
    .account-pay .price .first {
      height: 950px;
      /*min-width: 1200px;*/
      padding-top: 90px;
      background: #f7f7f7;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center; }
      /* line 183, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .first div {
        /*width: 100%;*/ }
      /* line 186, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .first .top-container {
        height: 750px;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: space-between; }
        /* line 192, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .first .top-container a {
          font-size: 14px; }
        /* line 195, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .first .top-container .tag {
          width: 16.6%;
          height: 40px;
          border-radius: 5px;
          background: #ee7258;
          font-size: 18px;
          letter-spacing: 4px;
          color: #fff;
          display: flex;
          justify-content: center;
          margin-bottom: 10px;
          align-items: center; }
        /* line 208, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .first .top-container .price-container {
          width: 100%;
          max-width: 1388px;
          min-width: 1000px;
          margin: 0 auto;
          display: flex;
          flex-flow: row;
          flex-wrap: wrap; }
          /* line 216, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .price .first .top-container .price-container .price-block {
            width: 20%;
            min-width: 150px;
            margin-left: 5px; }
            /* line 220, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .first .top-container .price-container .price-block .row {
              background: #FFFFFF;
              text-align: center;
              justify-content: center;
              margin-bottom: 2px; }
              /* line 225, ../scss/module/AccountPay/_AccountPay.scss */
              .account-pay .price .first .top-container .price-container .price-block .row .price-title {
                width: 100%;
                display: flex;
                justify-content: space-around;
                align-items: center;
                color: #444444;
                font-size: 16px; }
            /* line 234, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .first .top-container .price-container .price-block .top-row {
              display: flex;
              flex-flow: column;
              align-items: center;
              height: 100px; }
              /* line 239, ../scss/module/AccountPay/_AccountPay.scss */
              .account-pay .price .first .top-container .price-container .price-block .top-row span, .account-pay .price .first .top-container .price-container .price-block .top-row .create-spu .new-spec label, .create-spu .new-spec .account-pay .price .first .top-container .price-container .price-block .top-row label {
                font-size: 16px;
                font-weight: bold;
                margin: 5px 0; }
              /* line 244, ../scss/module/AccountPay/_AccountPay.scss */
              .account-pay .price .first .top-container .price-container .price-block .top-row img {
                width: 40px;
                height: 25px; }
            /* line 249, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .first .top-container .price-container .price-block .content-row {
              display: flex;
              justify-content: space-around;
              min-height: 100px; }
            /* line 254, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .first .top-container .price-container .price-block .price-row {
              display: flex;
              flex-wrap: wrap;
              height: 200px; }
              /* line 258, ../scss/module/AccountPay/_AccountPay.scss */
              .account-pay .price .first .top-container .price-container .price-block .price-row .item {
                width: 50%;
                display: flex;
                flex-direction: column;
                justify-content: space-around; }
                /* line 263, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .price-row .item .price {
                  margin-top: 20px;
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  width: 100%;
                  height: 50px; }
                  /* line 270, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .price p {
                    margin-top: 10px; }
                    /* line 272, ../scss/module/AccountPay/_AccountPay.scss */
                    .account-pay .price .first .top-container .price-container .price-block .price-row .item .price p span, .account-pay .price .first .top-container .price-container .price-block .price-row .item .price p .create-spu .new-spec label, .create-spu .new-spec .account-pay .price .first .top-container .price-container .price-block .price-row .item .price p label {
                      display: inline-block; }
                    /* line 275, ../scss/module/AccountPay/_AccountPay.scss */
                    .account-pay .price .first .top-container .price-container .price-block .price-row .item .price p .active {
                      font-size: 18px;
                      color: #f26549; }
                  /* line 282, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .price s {
                    font-size: 16px;
                    color: #222222; }
                /* line 287, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .price-row .item .life-price {
                  margin: 10px 0; }
                  /* line 289, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .life-price span, .account-pay .price .first .top-container .price-container .price-block .price-row .item .life-price .create-spu .new-spec label, .create-spu .new-spec .account-pay .price .first .top-container .price-container .price-block .price-row .item .life-price label {
                    font-size: 20px; }
                  /* line 292, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .life-price s {
                    font-size: 16px;
                    margin: 0 5px; }
                  /* line 296, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .life-price .active {
                    font-size: 20px;
                    color: #f26549; }
                /* line 301, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .price-row .item .sale {
                  display: flex;
                  flex-flow: row;
                  width: 90%;
                  height: 50px;
                  box-sizing: border-box;
                  background-color: #ee7258;
                  color: white;
                  padding: 8px;
                  border-radius: 5px;
                  font-size: small;
                  text-align: center; }
                  /* line 313, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .sale .left {
                    width: 25px; }
                  /* line 316, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .sale .mid {
                    line-height: 30px;
                    font-size: 24px; }
                /* line 321, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .price-row .item .btn-container {
                  width: 100%;
                  height: 60px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  /* line 327, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .btn-container a {
                    width: 80%;
                    height: 20px;
                    border: 1px solid #ee7258;
                    border-radius: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer; }
                /* line 338, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .price-row .item .big-btn-container {
                  border-top: 2px solid #f7f7f7;
                  width: 100%;
                  height: 80px;
                  display: flex;
                  align-items: center;
                  justify-content: center; }
                  /* line 345, ../scss/module/AccountPay/_AccountPay.scss */
                  .account-pay .price .first .top-container .price-container .price-block .price-row .item .big-btn-container a {
                    width: 120%;
                    height: 30px;
                    border: 1px solid #ee7258;
                    border-radius: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    cursor: pointer; }
            /* line 359, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .first .top-container .price-container .price-block .big-row {
              height: 382px;
              display: flex; }
              /* line 362, ../scss/module/AccountPay/_AccountPay.scss */
              .account-pay .price .first .top-container .price-container .price-block .big-row .content-container {
                padding-top: 70px;
                width: 100%;
                height: 325px;
                display: flex;
                flex-flow: column;
                align-items: center; }
                /* line 369, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .big-row .content-container a {
                  padding: 4px 0; }
                /* line 372, ../scss/module/AccountPay/_AccountPay.scss */
                .account-pay .price .first .top-container .price-container .price-block .big-row .content-container .qq {
                  width: 70%;
                  height: 30px;
                  margin: 22px 0;
                  border: 1px solid #9f2d46;
                  border-radius: 8px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  cursor: pointer; }
          /* line 386, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .price .first .top-container .price-container .left-block {
            margin: 0;
            width: 18%; }
        /* line 391, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .first .top-container .notes-container {
          max-width: 1388px;
          margin-top: 40px;
          display: flex;
          flex-flow: column;
          margin-left: 200px; }
          /* line 397, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .price .first .top-container .notes-container a {
            color: #888;
            margin-bottom: 3px;
            font-size: 14px; }
    /* line 405, ../scss/module/AccountPay/_AccountPay.scss */
    .account-pay .price .second {
      height: 700px;
      /*min-width: 1200px;*/
      padding-bottom: 100px;
      display: flex;
      flex-flow: column;
      justify-content: space-between;
      align-items: center;
      background: #fff; }
      /* line 414, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .second .text-container {
        margin-top: 150px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center; }
        /* line 420, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .second .text-container .big-text {
          font-size: 36px; }
        /* line 423, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .second .text-container .small-text {
          margin-top: 20px;
          font-size: 20px;
          color: #444; }
      /* line 429, ../scss/module/AccountPay/_AccountPay.scss */
      .account-pay .price .second .point-container {
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        width: 70%; }
        /* line 435, ../scss/module/AccountPay/_AccountPay.scss */
        .account-pay .price .second .point-container .point {
          display: flex;
          flex-flow: row;
          justify-content: flex-start;
          align-items: flex-start;
          width: 48%; }
          /* line 441, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .price .second .point-container .point img {
            flex-shrink: 0;
            width: 99px;
            height: 99px;
            margin-right: 30px; }
          /* line 447, ../scss/module/AccountPay/_AccountPay.scss */
          .account-pay .price .second .point-container .point div {
            height: 130px;
            display: flex;
            flex-flow: column;
            justify-content: flex-start;
            align-items: flex-start; }
            /* line 453, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .second .point-container .point div .big-text {
              font-size: 20px; }
            /* line 456, ../scss/module/AccountPay/_AccountPay.scss */
            .account-pay .price .second .point-container .point div .small-text {
              margin-top: 14px;
              font-size: 14px;
              color: #444; }

/* line 1, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
.expense-center {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column; }
  /* line 7, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
  .expense-center .charge-container-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(163, 163, 163, 0.6);
    z-index: 1000000; }
    /* line 18, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
    .expense-center .charge-container-bg .charge-container {
      width: 450px;
      height: 300px;
      display: flex;
      align-items: center;
      flex-flow: column;
      background: #fff;
      box-shadow: 0 0 5px #aaa; }
      /* line 26, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .charge-container-bg .charge-container div {
        margin: 20px 0; }
      /* line 29, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .charge-container-bg .charge-container .close {
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        cursor: pointer; }
        /* line 35, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .charge-container-bg .charge-container .close img {
          padding: 7px; }
          /* line 37, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .charge-container-bg .charge-container .close img:hover {
            background: #f2f2f2; }
      /* line 42, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .charge-container-bg .charge-container .top {
        display: flex;
        align-items: center;
        flex-flow: row;
        margin-top: 50px; }
        /* line 47, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .charge-container-bg .charge-container .top a {
          font-size: 20px;
          letter-spacing: 5px;
          color: #000;
          display: flex; }
        /* line 53, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .charge-container-bg .charge-container .top input, .expense-center .charge-container-bg .charge-container .top .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .expense-center .charge-container-bg .charge-container .top textarea, .expense-center .charge-container-bg .charge-container .top .shop-info .content .above-container div select, .shop-info .content .above-container div .expense-center .charge-container-bg .charge-container .top select {
          width: 200px;
          height: 50px;
          border: 2px solid #ee7258;
          margin: 0 10px; }
      /* line 60, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .charge-container-bg .charge-container .bottom {
        display: flex;
        flex-flow: column;
        justify-content: center; }
        /* line 64, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .charge-container-bg .charge-container .bottom a {
          display: flex;
          justify-content: center;
          font-size: 14px;
          letter-spacing: 5px;
          color: #747474; }
        /* line 71, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .charge-container-bg .charge-container .bottom .charge {
          font-size: 20px;
          letter-spacing: 5px;
          color: #fff;
          font-weight: bold;
          padding: 10px 20px;
          background: #ee7258;
          border-radius: 30px;
          cursor: pointer;
          margin-bottom: 20px; }
          /* line 81, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .charge-container-bg .charge-container .bottom .charge:hover {
            background: #ec5e41; }
  /* line 88, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
  .expense-center .detail-container-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(163, 163, 163, 0.6);
    z-index: 1000000; }
    /* line 99, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
    .expense-center .detail-container-bg .detail-container {
      width: 600px;
      height: 450px;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column;
      background: #fff;
      box-shadow: 0 0 5px #aaa;
      padding: 20px; }
      /* line 109, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .detail-container-bg .detail-container .content-container {
        color: #444; }
        /* line 111, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .detail-container-bg .detail-container .content-container div {
          display: flex;
          flex-flow: row;
          margin: 10px; }
          /* line 115, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .detail-container-bg .detail-container .content-container div span, .expense-center .detail-container-bg .detail-container .content-container div .create-spu .new-spec label, .create-spu .new-spec .expense-center .detail-container-bg .detail-container .content-container div label {
            font-weight: bold;
            flex-shrink: 0;
            width: 80px; }
          /* line 120, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .detail-container-bg .detail-container .content-container div p {
            width: 460px;
            max-height: 150px;
            overflow-x: hidden;
            overflow-y: auto; }
          /* line 126, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .detail-container-bg .detail-container .content-container div .recipient {
            max-height: 100px; }
      /* line 131, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .detail-container-bg .detail-container .btn-container {
        margin-top: 10px; }
        /* line 133, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .detail-container-bg .detail-container .btn-container a {
          cursor: pointer;
          font-size: 14px;
          background: #36bc9b;
          color: #fff;
          padding: 5px 20px; }
          /* line 139, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .detail-container-bg .detail-container .btn-container a:hover {
            background: #30a88b; }
  /* line 146, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
  .expense-center .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow-y: scroll;
    background: #eee; }
    /* line 152, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
    .expense-center .wrapper a {
      color: #000; }
    /* line 155, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
    .expense-center .wrapper .top-wrapper {
      display: flex;
      margin-top: 50px;
      width: 56%;
      min-width: 1000px;
      height: 700px;
      justify-content: space-between; }
      /* line 162, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .wrapper .top-wrapper .left-container {
        width: 36%;
        height: 100%;
        background: #fff; }
        /* line 166, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .top-wrapper .left-container .top-container {
          display: flex;
          flex-flow: column;
          align-items: center;
          min-height: 155px;
          padding-top: 30px; }
          /* line 172, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .top-container img {
            margin-bottom: 9px; }
          /* line 175, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .top-container .welcome-container {
            width: 100%;
            height: 24px;
            text-align: center;
            margin-bottom: 14px; }
            /* line 184, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .top-container .welcome-container .free {
              width: 50%;
              height: 24px;
              margin: 0 10px;
              padding: 4px 8px;
              font-size: 12px;
              background: #ee7258;
              color: #fff;
              border-radius: 10px; }
          /* line 195, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .top-container .vip-end-countdown {
            width: 100%;
            text-align: center; }
        /* line 200, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .top-wrapper .left-container .divide-container {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 20px;
          margin-bottom: 10px; }
          /* line 207, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container div {
            width: 20%;
            height: 2px;
            background: #eee; }
          /* line 212, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container a {
            color: #444;
            margin: 0 10px;
            flex-shrink: 0; }
          /* line 217, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container span, .expense-center .wrapper .top-wrapper .left-container .divide-container .create-spu .new-spec label, .create-spu .new-spec .expense-center .wrapper .top-wrapper .left-container .divide-container label {
            font-weight: bold; }
          /* line 220, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container .class-1 {
            color: #FCCF0D; }
          /* line 223, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container .class-2 {
            color: #000000; }
          /* line 226, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container .class-3 {
            color: #6A4A6A; }
          /* line 229, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .divide-container .class-5 {
            color: #9F2D46; }
        /* line 233, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .top-wrapper .left-container .price-container {
          width: 100%;
          display: flex;
          flex-flow: row;
          justify-content: center; }
          /* line 238, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .price-container .class-container {
            width: 50%;
            flex-grow: 1;
            display: flex;
            flex-flow: column;
            align-items: center;
            justify-content: space-between;
            background: #fff; }
            /* line 247, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .price-container .class-container.head a {
              color: #888; }
            /* line 251, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .price-container .class-container div {
              height: 44px;
              width: 85%;
              display: flex;
              align-items: center;
              justify-content: center; }
            /* line 258, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .price-container .class-container .h {
              flex-flow: row wrap; }
              /* line 260, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .left-container .price-container .class-container .h .num {
                font-size: 12px; }
            /* line 264, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .price-container .class-container .v {
              flex-flow: column; }
            /* line 267, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .price-container .class-container .content-container {
              width: 100%;
              height: 325px;
              display: flex;
              flex-flow: column;
              align-items: center; }
              /* line 273, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .left-container .price-container .class-container .content-container a {
                padding: 4px 0; }
              /* line 276, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .left-container .price-container .class-container .content-container .qq {
                width: 70%;
                height: 30px;
                margin: 22px 0;
                border: 1px solid #9f2d46;
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer; }
        /* line 290, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .top-wrapper .left-container .btn-container {
          width: 100%;
          height: 70px;
          margin-top: 35px;
          display: flex;
          align-items: center;
          justify-content: center; }
          /* line 297, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .left-container .btn-container a {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 40px;
            font-size: 20px;
            letter-spacing: 7px;
            width: 300px;
            height: 70px;
            color: #fff;
            background: #ee7258;
            cursor: pointer; }
            /* line 309, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .left-container .btn-container a:hover {
              background: #ec5e41; }
      /* line 315, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .wrapper .top-wrapper .right-container {
        width: 60%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        /* line 321, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .top-wrapper .right-container img {
          width: 100%;
          margin-bottom: 10px;
          display: block; }
        /* line 326, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .top-wrapper .right-container .remain-charge-container {
          width: 100%;
          background: #fff;
          padding: 0 30px;
          display: flex;
          flex-flow: column;
          justify-content: space-around; }
          /* line 333, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container {
            width: 100%;
            height: 50%;
            display: flex;
            flex-flow: row;
            border-bottom: 1px solid #2b2b2b;
            padding-bottom: 20px; }
            /* line 340, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left {
              width: 50%;
              display: flex;
              flex-flow: column;
              justify-content: center; }
              /* line 345, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left span, .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left .create-spu .new-spec label, .create-spu .new-spec .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left label {
                align-self: center; }
                /* line 347, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
                .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left span .num, .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left .create-spu .new-spec label .num, .create-spu .new-spec .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left label .num {
                  font-size: 36px; }
                /* line 350, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
                .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left span .sign, .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left .create-spu .new-spec label .sign, .create-spu .new-spec .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left label .sign {
                  margin-left: 10px;
                  font-size: 30px; }
              /* line 355, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .left .title {
                font-size: 20px;
                letter-spacing: 5px; }
            /* line 360, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right {
              width: 50%;
              display: flex;
              flex-flow: column;
              justify-content: center; }
              /* line 365, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right span, .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right .create-spu .new-spec label, .create-spu .new-spec .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right label {
                align-self: center; }
                /* line 367, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
                .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right span .num, .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right .create-spu .new-spec label .num, .create-spu .new-spec .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right label .num {
                  font-size: 36px; }
                /* line 370, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
                .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right span .sign, .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right .create-spu .new-spec label .sign, .create-spu .new-spec .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right label .sign {
                  margin-left: 10px;
                  font-size: 30px; }
              /* line 375, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .remain-container .right .title {
                font-size: 20px;
                letter-spacing: 5px; }
          /* line 381, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .divide {
            width: 89%;
            height: 1px;
            background: #a7a7a7; }
          /* line 386, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container {
            width: 100%;
            height: 42%;
            display: flex;
            flex-flow: row; }
            /* line 391, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .left {
              width: 50%;
              padding-left: 9%;
              display: flex;
              flex-flow: column;
              justify-content: center; }
              /* line 397, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .left a {
                margin: 6px 0; }
            /* line 401, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .right {
              width: 50%;
              display: flex;
              flex-flow: row;
              align-items: center; }
              /* line 406, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .right .charge {
                width: 92px;
                height: 37px;
                background: #ee7258;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                font-weight: bold;
                cursor: pointer;
                margin-right: 30px;
                border-radius: 20px; }
                /* line 419, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
                .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .right .charge:hover {
                  background: #ec5e41;
                  color: #fff; }
              /* line 424, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
              .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .right div {
                display: flex;
                flex-flow: column; }
                /* line 427, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
                .expense-center .wrapper .top-wrapper .right-container .remain-charge-container .charge-container .right div a {
                  margin: 6px 0; }
    /* line 436, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
    .expense-center .wrapper .bottom-wrapper {
      width: 56%;
      min-width: 1000px;
      margin-bottom: 50px; }
      /* line 440, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .wrapper .bottom-wrapper .tab-container {
        height: 80px;
        margin-top: 20px;
        margin-bottom: 5px;
        background: #fff;
        display: flex;
        align-content: center;
        flex-flow: row; }
        /* line 448, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu {
          width: 50%;
          display: flex;
          align-content: center;
          flex-flow: row;
          margin-right: 0; }
          /* line 454, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
          .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu span, .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu .create-spu .new-spec label, .create-spu .new-spec .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu label {
            text-align: center;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 5px;
            color: #282828;
            width: 150px;
            height: 74px;
            margin: 0 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer; }
            /* line 467, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
            .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu span:hover, .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu .create-spu .new-spec label:hover, .create-spu .new-spec .expense-center .wrapper .bottom-wrapper .tab-container .pay-menu label:hover {
              border-bottom: 2px solid #ee7258; }
        /* line 472, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .bottom-wrapper .tab-container .time-container {
          padding-left: 70px; }
        /* line 475, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .bottom-wrapper .tab-container .selectedTab {
          border-bottom: 2px solid #ee7258; }
      /* line 481, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .wrapper .bottom-wrapper .table div span, .expense-center .wrapper .bottom-wrapper .table div .create-spu .new-spec label, .create-spu .new-spec .expense-center .wrapper .bottom-wrapper .table div label {
        width: 15%; }
        /* line 483, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
        .expense-center .wrapper .bottom-wrapper .table div span.big-span, .expense-center .wrapper .bottom-wrapper .table div .create-spu .new-spec label.big-span, .create-spu .new-spec .expense-center .wrapper .bottom-wrapper .table div label.big-span {
          width: 30%; }
      /* line 490, ../scss/module/ExpenseCenter/_ExpenseCenter.scss */
      .expense-center .wrapper .bottom-wrapper .table .head span, .expense-center .wrapper .bottom-wrapper .table .head .create-spu .new-spec label, .create-spu .new-spec .expense-center .wrapper .bottom-wrapper .table .head label {
        color: #000; }

/* line 1, ../scss/module/statement/_statement.scss */
.xy-statement {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: -17px;
  bottom: 0;
  background: rgba(163, 163, 163, 0.6);
  z-index: 1000; }
  /* line 12, ../scss/module/statement/_statement.scss */
  .xy-statement .xy-statement-wrapper {
    color: #444;
    padding: 20px;
    width: 700px;
    background: #fff;
    display: flex;
    flex-flow: column;
    justify-content: space-around; }
    /* line 20, ../scss/module/statement/_statement.scss */
    .xy-statement .xy-statement-wrapper > div {
      margin: 10px;
      display: flex;
      align-items: center; }
      /* line 24, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper > div span, .xy-statement .xy-statement-wrapper > div .create-spu .new-spec label, .create-spu .new-spec .xy-statement .xy-statement-wrapper > div label {
        flex-shrink: 0;
        width: 90px; }
      /* line 28, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper > div input, .xy-statement .create-cstmr .content .top-container .left .xy-statement-wrapper > div textarea, .create-cstmr .content .top-container .left .xy-statement .xy-statement-wrapper > div textarea, .xy-statement .shop-info .content .above-container .xy-statement-wrapper > div select, .shop-info .content .above-container .xy-statement .xy-statement-wrapper > div select {
        flex-grow: 1; }
    /* line 32, ../scss/module/statement/_statement.scss */
    .xy-statement .xy-statement-wrapper .xy-phone-type {
      width: 100%;
      height: 50px;
      display: flex;
      padding-left: 100px; }
      /* line 37, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper .xy-phone-type span, .xy-statement .xy-statement-wrapper .xy-phone-type .create-spu .new-spec label, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-phone-type label {
        display: block;
        width: 150px;
        height: 40px;
        color: #000;
        border: 1px solid #cbcbcb;
        line-height: 40px;
        text-align: center;
        border-radius: 10px;
        margin-right: 15px;
        cursor: pointer; }
        /* line 48, ../scss/module/statement/_statement.scss */
        .xy-statement .xy-statement-wrapper .xy-phone-type span:hover, .xy-statement .xy-statement-wrapper .xy-phone-type .create-spu .new-spec label:hover, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-phone-type label:hover {
          color: #fff;
          background: #36bc9b; }
        /* line 52, ../scss/module/statement/_statement.scss */
        .xy-statement .xy-statement-wrapper .xy-phone-type span.xy-active, .xy-statement .xy-statement-wrapper .xy-phone-type .create-spu .new-spec label.xy-active, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-phone-type label.xy-active {
          color: #fff;
          background: #36bc9b; }
    /* line 58, ../scss/module/statement/_statement.scss */
    .xy-statement .xy-statement-wrapper .xy-tip {
      color: red;
      margin-left: 100px; }
    /* line 62, ../scss/module/statement/_statement.scss */
    .xy-statement .xy-statement-wrapper .xy-check-box {
      width: 100%;
      display: flex; }
      /* line 67, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper .xy-check-box .xy-left .xy-contactList-label {
        align-items: center;
        height: 50px;
        width: 100px; }
      /* line 78, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList {
        height: 50px;
        display: flex;
        align-items: center; }
        /* line 82, ../scss/module/statement/_statement.scss */
        .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList span, .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList .create-spu .new-spec label, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList label {
          width: 80px;
          height: 30px;
          line-height: 30px;
          border: 1px solid #cbcbcb;
          border-radius: 10px;
          text-align: center;
          margin-right: 5px;
          cursor: pointer; }
          /* line 91, ../scss/module/statement/_statement.scss */
          .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList span:hover, .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList .create-spu .new-spec label:hover, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList label:hover {
            height: auto;
            white-space: normal;
            word-break: break-all;
            padding: 1px;
            color: #fff;
            background: #36bc9b; }
          /* line 99, ../scss/module/statement/_statement.scss */
          .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList span.xy-active, .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList .create-spu .new-spec label.xy-active, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-contactList label.xy-active {
            color: #fff;
            background: #36bc9b; }
      /* line 105, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList {
        display: flex;
        align-items: center;
        min-height: 50px; }
        /* line 109, ../scss/module/statement/_statement.scss */
        .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList span, .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList .create-spu .new-spec label, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList label {
          width: 115px;
          height: 30px;
          line-height: 30px;
          border: 1px solid #cbcbcb;
          border-radius: 10px;
          text-align: center;
          margin-right: 5px;
          cursor: pointer; }
          /* line 118, ../scss/module/statement/_statement.scss */
          .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList span:hover, .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList .create-spu .new-spec label:hover, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList label:hover {
            color: #fff;
            background: #36bc9b; }
          /* line 122, ../scss/module/statement/_statement.scss */
          .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList span.xy-active, .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList .create-spu .new-spec label.xy-active, .create-spu .new-spec .xy-statement .xy-statement-wrapper .xy-check-box .xy-right .xy-phoneList label.xy-active {
            color: #fff;
            background: #36bc9b; }
    /* line 134, ../scss/module/statement/_statement.scss */
    .xy-statement .xy-statement-wrapper .xy-content-container div {
      flex-grow: 1;
      height: 280px;
      overflow-x: hidden;
      overflow-y: auto;
      margin: 0;
      padding: 10px;
      border: 1px solid #cbcbcb; }
    /* line 144, ../scss/module/statement/_statement.scss */
    .xy-statement .xy-statement-wrapper .xy-btn-container {
      align-self: center;
      align-content: flex-end; }
      /* line 147, ../scss/module/statement/_statement.scss */
      .xy-statement .xy-statement-wrapper .xy-btn-container a {
        cursor: pointer;
        padding: 5px 20px;
        margin: 0 10px;
        color: #fff;
        background: #36bc9b; }
        /* line 153, ../scss/module/statement/_statement.scss */
        .xy-statement .xy-statement-wrapper .xy-btn-container a:hover {
          background: #30a88b; }

/* line 1, ../scss/module/statement/_Statement-Wechat.scss */
.statement-wechat {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 700px;
  background: rgba(0, 0, 0, 0.3); }
  /* line 8, ../scss/module/statement/_Statement-Wechat.scss */
  .statement-wechat .wechat-wrap {
    width: 800px;
    height: 600px;
    background: white;
    margin: 50px auto;
    overflow: hidden; }
    /* line 14, ../scss/module/statement/_Statement-Wechat.scss */
    .statement-wechat .wechat-wrap .title {
      position: relative;
      width: 100%;
      height: 40px;
      background: #ee7258;
      text-align: center; }
      /* line 20, ../scss/module/statement/_Statement-Wechat.scss */
      .statement-wechat .wechat-wrap .title span, .statement-wechat .wechat-wrap .title .create-spu .new-spec label, .create-spu .new-spec .statement-wechat .wechat-wrap .title label {
        line-height: 40px;
        color: white;
        font-size: 20px; }
      /* line 25, ../scss/module/statement/_Statement-Wechat.scss */
      .statement-wechat .wechat-wrap .title .quit {
        position: absolute;
        right: 0;
        width: 40px;
        height: 40px;
        cursor: pointer;
        line-height: 50px; }
    /* line 34, ../scss/module/statement/_Statement-Wechat.scss */
    .statement-wechat .wechat-wrap .wechat-content {
      width: 100%;
      height: 550px;
      overflow: hidden;
      display: flex;
      flex-flow: row; }
      /* line 40, ../scss/module/statement/_Statement-Wechat.scss */
      .statement-wechat .wechat-wrap .wechat-content .left {
        position: relative;
        float: left;
        width: 60%;
        height: 510px; }
        /* line 45, ../scss/module/statement/_Statement-Wechat.scss */
        .statement-wechat .wechat-wrap .wechat-content .left .phone, .statement-wechat .wechat-wrap .wechat-content .left .create-cstmr .content .top-container .right .contact-container .contact .car-license, .create-cstmr .content .top-container .right .contact-container .contact .statement-wechat .wechat-wrap .wechat-content .left .car-license {
          position: absolute;
          width: 100%; }
          /* line 48, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .left .phone img, .statement-wechat .wechat-wrap .wechat-content .left .create-cstmr .content .top-container .right .contact-container .contact .car-license img, .create-cstmr .content .top-container .right .contact-container .contact .statement-wechat .wechat-wrap .wechat-content .left .car-license img {
            width: 300px;
            height: 540px;
            margin-top: 10px;
            margin-left: 80px; }
        /* line 55, ../scss/module/statement/_Statement-Wechat.scss */
        .statement-wechat .wechat-wrap .wechat-content .left .message {
          position: absolute;
          top: 78px;
          left: 100px;
          width: 260px;
          height: 410px;
          overflow-y: scroll;
          overflow-x: hidden;
          font-size: 12px; }
          /* line 64, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .left .message .head {
            height: 50px;
            text-align: center;
            line-height: 50px;
            font-size: 25px;
            color: white;
            background: #ee7258; }
          /* line 72, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .left .message .customer-info {
            width: 100%;
            height: 100px; }
            /* line 75, ../scss/module/statement/_Statement-Wechat.scss */
            .statement-wechat .wechat-wrap .wechat-content .left .message .customer-info div {
              display: flex;
              width: 100%;
              height: 50px;
              line-height: 50px;
              border-bottom: 1px solid #666666; }
              /* line 81, ../scss/module/statement/_Statement-Wechat.scss */
              .statement-wechat .wechat-wrap .wechat-content .left .message .customer-info div .info-left {
                width: 30%;
                height: 50px;
                line-height: 50px;
                margin-left: 15px; }
              /* line 87, ../scss/module/statement/_Statement-Wechat.scss */
              .statement-wechat .wechat-wrap .wechat-content .left .message .customer-info div .info-right {
                width: 70%;
                height: 50px;
                line-height: 50px; }
          /* line 95, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .left .message .body .list {
            margin-top: 15px; }
            /* line 97, ../scss/module/statement/_Statement-Wechat.scss */
            .statement-wechat .wechat-wrap .wechat-content .left .message .body .list .list-title {
              margin: 15px 0 0 15px; }
            /* line 100, ../scss/module/statement/_Statement-Wechat.scss */
            .statement-wechat .wechat-wrap .wechat-content .left .message .body .list .list-info {
              display: flex;
              width: 100%;
              height: 50px;
              line-height: 50px;
              border-bottom: 1px solid #666666; }
              /* line 106, ../scss/module/statement/_Statement-Wechat.scss */
              .statement-wechat .wechat-wrap .wechat-content .left .message .body .list .list-info .list-info-left {
                width: 50%;
                height: 50px;
                margin-left: 15px;
                display: flex;
                flex-direction: column; }
                /* line 112, ../scss/module/statement/_Statement-Wechat.scss */
                .statement-wechat .wechat-wrap .wechat-content .left .message .body .list .list-info .list-info-left .sn {
                  width: 100%;
                  height: 20px;
                  line-height: 20px; }
                /* line 117, ../scss/module/statement/_Statement-Wechat.scss */
                .statement-wechat .wechat-wrap .wechat-content .left .message .body .list .list-info .list-info-left .time {
                  width: 100%;
                  height: 20px;
                  line-height: 20px; }
              /* line 123, ../scss/module/statement/_Statement-Wechat.scss */
              .statement-wechat .wechat-wrap .wechat-content .left .message .body .list .list-info .list-info-right {
                width: 50%;
                height: 50px;
                line-height: 30px;
                text-align: right;
                margin-right: 15px; }
          /* line 134, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .left .message .xy-logo {
            width: 100%;
            height: 50px;
            line-height: 50px;
            color: white;
            background: #ee7258;
            font-weight: bold;
            text-align: center; }
      /* line 145, ../scss/module/statement/_Statement-Wechat.scss */
      .statement-wechat .wechat-wrap .wechat-content .right {
        display: flex;
        flex-flow: column;
        justify-content: center; }
        /* line 149, ../scss/module/statement/_Statement-Wechat.scss */
        .statement-wechat .wechat-wrap .wechat-content .right .wechat-QR {
          height: 200px;
          width: 150px;
          display: flex;
          flex-flow: column;
          align-items: center;
          justify-content: center; }
          /* line 156, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .right .wechat-QR div {
            width: 150px;
            height: 150px;
            overflow: hidden; }
          /* line 161, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .right .wechat-QR span, .statement-wechat .wechat-wrap .wechat-content .right .wechat-QR .create-spu .new-spec label, .create-spu .new-spec .statement-wechat .wechat-wrap .wechat-content .right .wechat-QR label {
            width: 100%;
            margin-top: 25px;
            line-height: 20px;
            text-align: center; }
        /* line 168, ../scss/module/statement/_Statement-Wechat.scss */
        .statement-wechat .wechat-wrap .wechat-content .right .share {
          text-align: center;
          margin-top: 30px; }
          /* line 171, ../scss/module/statement/_Statement-Wechat.scss */
          .statement-wechat .wechat-wrap .wechat-content .right .share span.red, .statement-wechat .wechat-wrap .wechat-content .right .share .create-spu .new-spec label.red, .create-spu .new-spec .statement-wechat .wechat-wrap .wechat-content .right .share label.red {
            font-size: 18px; }

/* line 1, ../scss/module/statement/_check_receiver.scss */
.check-receiver {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: -17px;
  bottom: 0;
  background: rgba(163, 163, 163, 0.6);
  z-index: 1000; }
  /* line 13, ../scss/module/statement/_check_receiver.scss */
  .check-receiver .check-receiver-wrapper {
    color: #444;
    padding: 20px;
    width: 700px;
    height: 500px;
    background: #fff;
    display: flex;
    flex-flow: column;
    justify-content: space-around; }
    /* line 22, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .label {
      font-weight: 500;
      min-width: 5em;
      display: inline-block; }
    /* line 27, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .check-box {
      height: 15em; }
    /* line 30, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .phone-list {
      border: 2px solid #ee7258;
      margin-top: -2px;
      min-height: 4em; }
    /* line 35, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .item {
      width: 15%;
      display: inline-block;
      margin-right: 2em;
      text-align: center;
      cursor: pointer;
      padding: 1em; }
    /* line 43, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .checked-contact {
      border: 2px solid #ee7258;
      border-bottom: 2px solid #ffffff; }
    /* line 47, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .btn-box {
      text-align: center; }
    /* line 50, ../scss/module/statement/_check_receiver.scss */
    .check-receiver .check-receiver-wrapper .btn-container {
      cursor: pointer;
      padding: 5px 20px;
      margin: 0 10px;
      color: #fff;
      background: #36bc9b; }

/* line 2, ../scss/module/SkuDetail/_SkuDetail.scss */
.SkuDetail {
  width: 100%; }
  /* line 5, ../scss/module/SkuDetail/_SkuDetail.scss */
  .SkuDetail .btn-container .xy-btn-green {
    height: 35px; }
  /* line 9, ../scss/module/SkuDetail/_SkuDetail.scss */
  .SkuDetail .middle {
    width: 100%;
    height: 400px;
    background: #fff;
    display: flex;
    flex-direction: row;
    margin-top: 13px;
    margin-bottom: 8px; }
    /* line 18, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .middle .chart-detail {
      width: 66%;
      border-right: 10px solid #eee; }
      /* line 21, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .middle .chart-detail .sales-chart {
        width: 100%;
        height: 65%;
        min-height: 260px;
        overflow: hidden; }
      /* line 27, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .middle .chart-detail .sales-table {
        padding: 0 20px;
        width: 100%; }
        /* line 31, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .chart-detail .sales-table .xy-table tr {
          text-align: center; }
          /* line 33, ../scss/module/SkuDetail/_SkuDetail.scss */
          .SkuDetail .middle .chart-detail .sales-table .xy-table tr th {
            text-align: center;
            font-size: 10px; }
          /* line 37, ../scss/module/SkuDetail/_SkuDetail.scss */
          .SkuDetail .middle .chart-detail .sales-table .xy-table tr td {
            width: 14%; }
          /* line 40, ../scss/module/SkuDetail/_SkuDetail.scss */
          .SkuDetail .middle .chart-detail .sales-table .xy-table tr td:first-child {
            min-width: 80px; }
    /* line 47, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .middle .rb {
      width: 33%;
      padding-top: 30px; }
      /* line 50, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .middle .rb .balance-container {
        display: flex;
        flex-flow: column;
        align-items: center;
        margin-bottom: 25px; }
        /* line 55, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb .balance-container .balance-text {
          font-size: x-large;
          color: #555;
          margin: 0;
          font-weight: bold; }
        /* line 61, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb .balance-container .owe {
          color: #555; }
        /* line 64, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb .balance-container .balance-number {
          font-size: x-large;
          color: #000;
          margin: 0; }
          /* line 68, ../scss/module/SkuDetail/_SkuDetail.scss */
          .SkuDetail .middle .rb .balance-container .balance-number .balance-unit {
            font-size: small;
            color: #aaaaaa; }
      /* line 75, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .middle .rb div {
        width: 100%;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-around;
        align-items: center; }
        /* line 81, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb div span, .SkuDetail .middle .rb div .create-spu .new-spec label, .create-spu .new-spec .SkuDetail .middle .rb div label {
          margin-right: 6px; }
        /* line 84, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb div .text {
          width: 40%;
          display: flex;
          justify-content: center;
          align-items: center;
          color: #aaaaaa; }
        /* line 91, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb div .info {
          width: 60%;
          display: flex;
          justify-content: center;
          align-items: center;
          flex-flow: row wrap;
          color: #aaaaaa; }
      /* line 100, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .middle .rb .btn-container {
        justify-content: flex-end; }
        /* line 102, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .middle .rb .btn-container button {
          margin: 0; }
  /* line 108, ../scss/module/SkuDetail/_SkuDetail.scss */
  .SkuDetail .order {
    background: white; }
    /* line 110, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order button {
      outline: none; }
    /* line 113, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order .filter {
      display: flex;
      align-items: center;
      height: 36px; }
      /* line 117, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .filter .cb {
        background: #fff;
        font-weight: bold; }
      /* line 121, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .filter span, .SkuDetail .order .filter .create-spu .new-spec label, .create-spu .new-spec .SkuDetail .order .filter label {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-left: 12px;
        padding-right: 12px;
        height: 36px;
        background: #f9f9f9;
        color: #a3a3a3;
        border-right: 1px solid #eeeeee;
        border: none;
        outline: none;
        font-size: 15px;
        cursor: pointer; }
      /* line 137, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .filter span:hover, .SkuDetail .order .filter .create-spu .new-spec label:hover, .create-spu .new-spec .SkuDetail .order .filter label:hover {
        background: #fff;
        font-weight: bold; }
    /* line 143, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order .time-container th, .SkuDetail .order .time-container tr, .SkuDetail .order .time-container td {
      padding: 0; }
    /* line 147, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order .status-container {
      background: #fff;
      padding: 0 0 0 22px;
      margin-bottom: 10px;
      display: flex; }
      /* line 153, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .status-container button {
        border: none;
        padding: 4px;
        background: #e6e6e6;
        color: #000000; }
      /* line 159, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .status-container button:hover {
        background: #36bc9b;
        color: #fff; }
      /* line 164, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .status-container .cb {
        border: none;
        padding: 4px;
        background: #36bc9b;
        color: #ffffff; }
      /* line 170, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .status-container .cb:hover {
        background: #e6e6e6;
        background: #30a88b; }
      /* line 175, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .status-container span, .SkuDetail .order .status-container .create-spu .new-spec label, .create-spu .new-spec .SkuDetail .order .status-container label {
        margin-top: 3px;
        margin-right: 14px; }
      /* line 180, ../scss/module/SkuDetail/_SkuDetail.scss */
      .SkuDetail .order .status-container div {
        width: 70%; }
        /* line 183, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .order .status-container div .select-all {
          margin-bottom: 6px; }
        /* line 187, ../scss/module/SkuDetail/_SkuDetail.scss */
        .SkuDetail .order .status-container div div {
          width: auto;
          display: flex;
          flex-flow: row wrap;
          margin-right: 6px;
          margin-bottom: 6px; }
    /* line 198, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order .table .statusRed {
      color: #ff0000; }
    /* line 201, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order .table .statusBlue {
      color: #0000ff; }
    /* line 205, ../scss/module/SkuDetail/_SkuDetail.scss */
    .SkuDetail .order .table head span, .SkuDetail .order .table head .create-spu .new-spec label, .create-spu .new-spec .SkuDetail .order .table head label {
      width: 12%; }

/* line 1, ../scss/module/warehouse/_Warehouse.scss */
.warehouse {
  width: 100%; }
  /* line 3, ../scss/module/warehouse/_Warehouse.scss */
  .warehouse .search-bar, .warehouse .search-bar-red {
    padding: 40px; }
  /* line 6, ../scss/module/warehouse/_Warehouse.scss */
  .warehouse .page-title {
    margin: 10px auto;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px; }
  /* line 14, ../scss/module/warehouse/_Warehouse.scss */
  .warehouse .table {
    margin: 15px 0; }
    /* line 16, ../scss/module/warehouse/_Warehouse.scss */
    .warehouse .table .head {
      padding: 0 20px;
      width: 100%;
      display: flex; }
      /* line 20, ../scss/module/warehouse/_Warehouse.scss */
      .warehouse .table .head span, .warehouse .table .head .create-spu .new-spec label, .create-spu .new-spec .warehouse .table .head label {
        text-align: center;
        flex: 1;
        display: block;
        font-size: 16px; }
    /* line 27, ../scss/module/warehouse/_Warehouse.scss */
    .warehouse .table .content {
      padding: 0 20px;
      width: 100%;
      display: flex; }
      /* line 31, ../scss/module/warehouse/_Warehouse.scss */
      .warehouse .table .content span, .warehouse .table .content .create-spu .new-spec label, .create-spu .new-spec .warehouse .table .content label {
        text-align: center;
        flex: 1;
        display: block;
        font-size: 16px; }
    /* line 38, ../scss/module/warehouse/_Warehouse.scss */
    .warehouse .table .operate {
      display: flex;
      flex-basis: 18%; }
      /* line 41, ../scss/module/warehouse/_Warehouse.scss */
      .warehouse .table .operate span, .warehouse .table .operate .create-spu .new-spec label, .create-spu .new-spec .warehouse .table .operate label {
        display: inline-block;
        width: 50%;
        flex: 1;
        justify-content: center; }

/* line 1, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
.create-edit-warehouse {
  display: flex;
  justify-content: center;
  flex-flow: column; }
  /* line 7, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
  .create-edit-warehouse .below-title-bar {
    background: #eee;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0; }
    /* line 15, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
    .create-edit-warehouse .below-title-bar .create-edit-cat-container {
      height: 400px;
      position: absolute;
      top: 100px;
      left: 100px;
      right: 100px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column; }
      /* line 27, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
      .create-edit-warehouse .below-title-bar .create-edit-cat-container div {
        width: 60%; }
      /* line 33, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
      .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div {
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center; }
        /* line 38, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
        .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div .stoDefault {
          width: 20px;
          text-align: left;
          padding-left: 12px;
          font-size: 12px;
          cursor: pointer; }
        /* line 45, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
        .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div span, .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div .create-spu .new-spec label, .create-spu .new-spec .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div label {
          width: 100px;
          text-align: right;
          font-size: 15px;
          flex-shrink: 0;
          margin-right: 10px; }
        /* line 52, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
        .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div label {
          margin-left: 10px; }
        /* line 56, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
        .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div input[type=text], .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container .create-cstmr .content .top-container .left div textarea[type=text], .create-cstmr .content .top-container .left .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div textarea[type=text], .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container .shop-info .content .above-container div select[type=text], .shop-info .content .above-container .create-edit-warehouse .below-title-bar .create-edit-cat-container .input-container div select[type=text] {
          width: 100%;
          height: 38px;
          margin-bottom: 8px;
          padding-left: 20px;
          background: #f9f9f9;
          border: none;
          font-size: 15px; }
      /* line 68, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
      .create-edit-warehouse .below-title-bar .create-edit-cat-container .create-edit-container {
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        /* line 75, ../scss/module/warehouse/_Create-Edit-warehouse.scss */
        .create-edit-warehouse .below-title-bar .create-edit-cat-container .create-edit-container button {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: 10px;
          background: #ee7258;
          height: 32px;
          /*width: 159px;*/
          padding-left: 48px;
          padding-right: 48px;
          color: #fdfdfd;
          border: none;
          outline: none;
          font-weight: bold;
          font-size: 15px; }

/* line 1, ../scss/module/Requisition/_Requisition.scss */
.Requisition {
  background: white;
  height: 94%;
  overflow-y: scroll; }
  /* line 5, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .scroll_wrap {
    position: fixed;
    right: 0px;
    width: 20px;
    height: 100%;
    background: white; }
  /* line 12, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .title-bar {
    position: fixed;
    top: 0px;
    width: 100%; }
  /* line 17, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .warehouse_info {
    display: flex;
    flex-flow: row;
    padding: 0 10%;
    margin: 50px 0; }
    /* line 22, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .warehouse_info .warehouse {
      width: 50%; }
      /* line 24, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .warehouse_info .warehouse .warehouse_name {
        display: block;
        width: 95px;
        height: 70px;
        border-top: 5px solid #dbb5a8;
        border-radius: 5px;
        line-height: 70px;
        font-size: 20px;
        font-weight: bold;
        padding-left: 5px; }
      /* line 35, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .warehouse_info .warehouse input, .Requisition .warehouse_info .warehouse .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .Requisition .warehouse_info .warehouse textarea, .Requisition .warehouse_info .warehouse .shop-info .content .above-container div select, .shop-info .content .above-container div .Requisition .warehouse_info .warehouse select {
        height: 40px;
        width: 50%;
        border: none;
        border-radius: 5px;
        background-color: #eeeeee;
        border-left: 5px solid #dbb5a8; }
      /* line 43, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .warehouse_info .warehouse .sto-list {
        display: flex;
        align-content: flex-start;
        flex-wrap: wrap;
        width: 88%;
        background-color: white;
        width: 100%; }
        /* line 50, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .warehouse_info .warehouse .sto-list div {
          width: 150px;
          margin-top: 10px;
          margin-right: 10px;
          border-radius: 5px; }
          /* line 55, ../scss/module/Requisition/_Requisition.scss */
          .Requisition .warehouse_info .warehouse .sto-list div button {
            width: 150px;
            height: 30px;
            border: none;
            border-radius: 5px; }
            /* line 60, ../scss/module/Requisition/_Requisition.scss */
            .Requisition .warehouse_info .warehouse .sto-list div button:hover {
              color: white;
              background-color: grey; }
  /* line 69, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .goodList_info {
    display: flex;
    flex-flow: column;
    padding: 0 10%; }
    /* line 74, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .goodList_info div .goodList_name {
      display: block;
      width: 95px;
      height: 70px;
      border-top: 5px solid #dbb5a8;
      border-radius: 5px;
      line-height: 70px;
      font-size: 20px;
      font-weight: bold;
      padding-left: 5px; }
    /* line 89, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .goodList_info .goodList .table .head span, .Requisition .goodList_info .goodList .table .head .create-spu .new-spec label, .create-spu .new-spec .Requisition .goodList_info .goodList .table .head label {
      width: 13%; }
    /* line 95, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .goodList_info .goodList .goodList_add_btn button {
      height: 35px;
      width: 100px;
      border: none;
      font-size: 16px;
      color: white;
      background-color: #e67354; }
      /* line 102, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .goodList_info .goodList .goodList_add_btn button:hover {
        background-color: #e3613e; }
      /* line 105, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .goodList_info .goodList .goodList_add_btn button:active {
        background-color: #cf441e; }
  /* line 112, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .remark {
    display: flex;
    flex-flow: column;
    padding: 0 10%;
    margin-top: 50px;
    margin-bottom: 100px; }
    /* line 119, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .remark div .remark_name {
      display: block;
      width: 95px;
      height: 70px;
      border-top: 5px solid #dbb5a8;
      border-radius: 5px;
      line-height: 70px;
      font-size: 20px;
      font-weight: bold;
      padding-left: 5px; }
    /* line 130, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .remark div textarea {
      width: 70%;
      height: 135px; }
  /* line 136, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .footer {
    position: fixed;
    display: flex;
    justify-content: space-between;
    padding: 0 10%;
    bottom: 0;
    width: 100%;
    height: 65px;
    align-items: center; }
    /* line 145, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .footer div {
      border: none; }
    /* line 148, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .footer .transactor {
      width: 300px; }
      /* line 150, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .footer .transactor span, .Requisition .footer .transactor .create-spu .new-spec label, .create-spu .new-spec .Requisition .footer .transactor label {
        width: 50px;
        font-size: 16px;
        font-weight: bold; }
      /* line 155, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .footer .transactor select {
        width: 150px; }
    /* line 159, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .footer .time {
      width: 550px; }
      /* line 161, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .footer .time label {
        font-size: 16px;
        font-weight: bold; }
      /* line 165, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .footer .time .date-input {
        border: none;
        padding: 0;
        margin: 0;
        box-shadow: none;
        border-bottom: 1px solid black;
        text-align: center; }
      /* line 173, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .footer .time .submit-btn {
        margin: 1px 0 0 50px;
        display: inline-block;
        width: 200px; }
        /* line 177, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .footer .time .submit-btn button {
          height: 35px;
          width: 200px;
          color: white;
          border: none;
          font-size: 20px;
          font-weight: bold;
          border-radius: 10px;
          background: #e67354; }
  /* line 190, ../scss/module/Requisition/_Requisition.scss */
  .Requisition .GoodListDialog {
    /*display: flex;*/
    /*flex-direction: column;*/
    overflow: hidden;
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #a3a3a3;
    /*z-index: 1000000;*/
    /*height: 135%;*/ }
    /* line 208, ../scss/module/Requisition/_Requisition.scss */
    .Requisition .GoodListDialog .goodListTotal {
      padding-top: 40px;
      display: flex;
      flex-direction: column;
      /*align-items: center;*/
      /*justify-content: center;*/
      /*margin-top: 5%;*/
      overflow: hidden;
      width: 80%;
      height: 100%; }
      /* line 218, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .GoodListDialog .goodListTotal .search-and-cat {
        width: 100%;
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
        justify-content: center;
        /*background-color: white;*/ }
      /* line 226, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .GoodListDialog .goodListTotal .search-bar-red {
        background: transparent;
        /*padding: 0px 32px 0px 0px;*/
        padding: 4px 35px 0 24px;
        height: 60px;
        margin-left: -24px;
        /*margin-right: -44px;*/ }
      /* line 235, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .GoodListDialog .goodListTotal .filter-bar-red {
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-shadow: 1px 1px 3px #2b2b2b;
        padding: 0 24px; }
        /* line 241, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .GoodListDialog .goodListTotal .filter-bar-red .create-spu-btn {
          margin: 0; }
      /* line 245, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .GoodListDialog .goodListTotal .quit {
        position: fixed;
        bottom: 50px;
        right: 30px;
        text-align: center;
        /*padding: 5px;*/ }
        /* line 251, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .GoodListDialog .goodListTotal .quit button {
          box-shadow: 1px 1px 3px #2b2b2b; }
        /* line 254, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .GoodListDialog .goodListTotal .quit img {
          width: 20px;
          height: 20px;
          margin-right: -10px; }
      /* line 260, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .GoodListDialog .goodListTotal .btnquit {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-top: 10px;
        margin-right: -45px;
        /*padding: 5px;*/ }
        /* line 267, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .GoodListDialog .goodListTotal .btnquit button {
          background: none; }
        /* line 271, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .GoodListDialog .goodListTotal .btnquit img {
          width: 30px;
          height: 30px;
          margin-right: -10px; }
      /* line 277, ../scss/module/Requisition/_Requisition.scss */
      .Requisition .GoodListDialog .goodListTotal .good-list {
        /*width: 100%;*/
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-top: 5px;
        margin-right: -18px;
        /*box-shadow: 10px 10px 5px #888888;*/ }
        /* line 288, ../scss/module/Requisition/_Requisition.scss */
        .Requisition .GoodListDialog .goodListTotal .good-list .good-unit {
          position: relative;
          margin-top: 2px;
          margin-right: 2px;
          background-color: white;
          flex-shrink: 0;
          width: 101.6px;
          height: 101.6px;
          cursor: pointer; }
          /* line 297, ../scss/module/Requisition/_Requisition.scss */
          .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .item-info {
            position: absolute;
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            padding: 5px; }
            /* line 306, ../scss/module/Requisition/_Requisition.scss */
            .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .item-info .spec-name {
              text-align: end;
              font-size: 0.9em; }
            /* line 310, ../scss/module/Requisition/_Requisition.scss */
            .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .item-info:hover {
              background-color: #ee7258;
              color: white; }
            /* line 314, ../scss/module/Requisition/_Requisition.scss */
            .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .item-info:active {
              background-color: #ec5e41; }
          /* line 318, ../scss/module/Requisition/_Requisition.scss */
          .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .already-add {
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #ee7258;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            color: white;
            opacity: 0.8;
            z-index: 100; }
            /* line 330, ../scss/module/Requisition/_Requisition.scss */
            .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .already-add .click-to-modify {
              margin-top: 5px;
              font-size: 0.9em; }
          /* line 335, ../scss/module/Requisition/_Requisition.scss */
          .Requisition .GoodListDialog .goodListTotal .good-list .good-unit .editing {
            background-color: #E76646;
            opacity: 0.9; }

/* line 1, ../scss/module/login/_loginAndRegister.scss */
.loginAndRegisterMode {
  width: 100%;
  height: 100%;
  background: #f0f0ee;
  display: flex;
  justify-content: center;
  align-items: center; }
  /* line 8, ../scss/module/login/_loginAndRegister.scss */
  .loginAndRegisterMode .serviceContent {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff; }
    /* line 16, ../scss/module/login/_loginAndRegister.scss */
    .loginAndRegisterMode .serviceContent .closeService {
      position: fixed;
      border: none;
      border-radius: 50%;
      background-color: #fff;
      right: 70px;
      top: 30px;
      text-align: center;
      width: 50px;
      height: 50px;
      font-size: 35px; }
    /* line 28, ../scss/module/login/_loginAndRegister.scss */
    .loginAndRegisterMode .serviceContent div {
      color: rgba(0, 0, 0, 0.8);
      width: 60%;
      margin: 0 auto;
      padding: 30px; }
      /* line 34, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .serviceContent div h2 {
        margin-bottom: 30px;
        font-weight: 700;
        font-size: 24px;
        text-align: center; }
      /* line 40, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .serviceContent div h3 {
        font-weight: 700;
        font-size: 18px;
        margin: 15px 0; }
      /* line 45, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .serviceContent div p {
        margin-top: 5px;
        text-indent: 20px; }
      /* line 49, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .serviceContent div span, .loginAndRegisterMode .serviceContent div .create-spu .new-spec label, .create-spu .new-spec .loginAndRegisterMode .serviceContent div label {
        display: block;
        text-indent: 30px; }
  /* line 55, ../scss/module/login/_loginAndRegister.scss */
  .loginAndRegisterMode .content {
    min-width: 545px;
    display: flex;
    flex-flow: column;
    padding: 0 30px; }
    /* line 60, ../scss/module/login/_loginAndRegister.scss */
    .loginAndRegisterMode .content .head {
      width: 100%;
      height: 55px;
      color: #FFFFFF;
      background: #ee7258;
      font-size: 2em;
      font-weight: bold;
      cursor: pointer;
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 71, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .head:hover {
        background: #f97f66; }
    /* line 75, ../scss/module/login/_loginAndRegister.scss */
    .loginAndRegisterMode .content .clause {
      margin-bottom: 10px; }
      /* line 77, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .clause input, .loginAndRegisterMode .create-cstmr .content .clause .top-container .left div textarea, .create-cstmr .loginAndRegisterMode .content .clause .top-container .left div textarea, .loginAndRegisterMode .create-cstmr .content .top-container .left div .clause textarea, .create-cstmr .loginAndRegisterMode .content .top-container .left div .clause textarea, .loginAndRegisterMode .shop-info .content .clause .above-container div select, .shop-info .loginAndRegisterMode .content .clause .above-container div select, .loginAndRegisterMode .shop-info .content .above-container div .clause select, .shop-info .loginAndRegisterMode .content .above-container div .clause select {
        margin: 0 10px 0 18px;
        position: relative;
        top: -4px; }
      /* line 82, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .clause span, .loginAndRegisterMode .content .clause .create-spu .new-spec label, .create-spu .new-spec .loginAndRegisterMode .content .clause label {
        cursor: pointer;
        display: inline-block;
        text-decoration: underline; }
        /* line 86, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .clause span:hover, .loginAndRegisterMode .content .clause .create-spu .new-spec label:hover, .create-spu .new-spec .loginAndRegisterMode .content .clause label:hover {
          color: rgba(0, 0, 0, 0.8); }
    /* line 91, ../scss/module/login/_loginAndRegister.scss */
    .loginAndRegisterMode .content .middle {
      min-height: 300px;
      padding: 0 30px;
      background: white; }
      /* line 95, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .title {
        font-weight: bold;
        font-size: 1.5em;
        color: #878787;
        margin: 20px 0; }
      /* line 101, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .btn-row {
        margin-bottom: 30px;
        height: 45px; }
        /* line 104, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .middle .btn-row button {
          width: 100%;
          height: 100%;
          font-size: 1.4em;
          font-weight: bold; }
      /* line 111, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .input-row {
        height: 35px;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative; }
        /* line 118, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .middle .input-row input, .loginAndRegisterMode .create-cstmr .content .middle .input-row .top-container .left div textarea, .create-cstmr .loginAndRegisterMode .content .middle .input-row .top-container .left div textarea, .loginAndRegisterMode .create-cstmr .content .top-container .left div .middle .input-row textarea, .create-cstmr .loginAndRegisterMode .content .top-container .left div .middle .input-row textarea, .loginAndRegisterMode .shop-info .content .middle .input-row .above-container div select, .shop-info .loginAndRegisterMode .content .middle .input-row .above-container div select, .loginAndRegisterMode .shop-info .content .above-container div .middle .input-row select, .shop-info .loginAndRegisterMode .content .above-container div .middle .input-row select {
          width: 100%;
          height: 100%;
          font-size: 1.2em;
          text-align: center;
          border-radius: 5px;
          background-color: #FAFFBD;
          font-size: 1em;
          display: inline-block;
          padding: 4px;
          color: #555555;
          display: flex;
          vertical-align: middle;
          border: none;
          outline: none;
          border: 1px solid #cccccc; }
          /* line 134, ../scss/module/login/_loginAndRegister.scss */
          .loginAndRegisterMode .content .middle .input-row input:focus, .loginAndRegisterMode .create-cstmr .content .middle .input-row .top-container .left div textarea:focus, .create-cstmr .loginAndRegisterMode .content .middle .input-row .top-container .left div textarea:focus, .loginAndRegisterMode .create-cstmr .content .top-container .left div .middle .input-row textarea:focus, .create-cstmr .loginAndRegisterMode .content .top-container .left div .middle .input-row textarea:focus, .loginAndRegisterMode .shop-info .content .middle .input-row .above-container div select:focus, .shop-info .loginAndRegisterMode .content .middle .input-row .above-container div select:focus, .loginAndRegisterMode .shop-info .content .above-container div .middle .input-row select:focus, .shop-info .loginAndRegisterMode .content .above-container div .middle .input-row select:focus {
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee; }
        /* line 139, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .middle .input-row .required {
          position: absolute;
          color: red;
          font-weight: bold;
          top: 8px;
          right: -30px; }
      /* line 147, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .selectRegModule {
        height: 100px;
        display: flex;
        flex-flow: column;
        justify-content: space-around; }
      /* line 153, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .change-login-row {
        height: 60px;
        width: 100%;
        color: #656565;
        border-bottom: 3px solid #eee;
        margin-bottom: 20px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center; }
        /* line 163, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .middle .change-login-row:hover {
          color: #36bc9b; }
      /* line 167, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .xy-btn-group {
        padding: 10px 0;
        background: white;
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        /* line 175, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .middle .xy-btn-group button {
          width: 100%;
          height: 40px; }
      /* line 181, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .where-know .title {
        font-size: 14px;
        font-weight: bold; }
      /* line 185, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .where-know .xy-checkbox {
        height: 30px; }
        /* line 187, ../scss/module/login/_loginAndRegister.scss */
        .loginAndRegisterMode .content .middle .where-know .xy-checkbox label {
          padding: 0; }
      /* line 191, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .where-know .other, .loginAndRegisterMode .content .middle .where-know .InvitationCode {
        padding-left: 20px; }
      /* line 194, ../scss/module/login/_loginAndRegister.scss */
      .loginAndRegisterMode .content .middle .where-know .InvitationCode {
        margin-left: 20px; }
    /* line 199, ../scss/module/login/_loginAndRegister.scss */
    .loginAndRegisterMode .content .back-btn-row {
      background: transparent;
      margin-top: 20px;
      text-align: center; }

/* line 1, ../scss/module/FaceRecognition/FaceRecognition.scss */
.faceDetail {
  background-color: #EEEEEE; }
  /* line 3, ../scss/module/FaceRecognition/FaceRecognition.scss */
  .faceDetail h5 {
    background-color: #EEEEEE;
    width: 100%;
    text-align: center;
    font-size: 20px;
    height: 30px; }
  /* line 10, ../scss/module/FaceRecognition/FaceRecognition.scss */
  .faceDetail .top {
    margin: 10px 0;
    height: 300px;
    width: 100%;
    display: flex; }
    /* line 15, ../scss/module/FaceRecognition/FaceRecognition.scss */
    .faceDetail .top .top-left {
      background-color: #EEEEEE;
      width: 300px;
      height: 100%;
      margin-right: 20px; }
      /* line 21, ../scss/module/FaceRecognition/FaceRecognition.scss */
      .faceDetail .top .top-left .picture {
        margin: 0 auto;
        background-color: #0f0f0f;
        width: 200px;
        height: 200px; }
      /* line 27, ../scss/module/FaceRecognition/FaceRecognition.scss */
      .faceDetail .top .top-left .clientInformation {
        box-sizing: border-box;
        padding-left: 25px;
        background-color: #fff;
        width: 100%;
        margin-top: 5px;
        padding-top: 5px; }
        /* line 34, ../scss/module/FaceRecognition/FaceRecognition.scss */
        .faceDetail .top .top-left .clientInformation p {
          width: 45%;
          display: inline-block;
          height: 30px; }
          /* line 38, ../scss/module/FaceRecognition/FaceRecognition.scss */
          .faceDetail .top .top-left .clientInformation p span, .faceDetail .top .top-left .clientInformation p .create-spu .new-spec label, .create-spu .new-spec .faceDetail .top .top-left .clientInformation p label {
            display: inline-block;
            width: 65%;
            text-align: right; }
    /* line 47, ../scss/module/FaceRecognition/FaceRecognition.scss */
    .faceDetail .top .top-right {
      background-color: #fff;
      height: 100%;
      flex: 1; }
  /* line 53, ../scss/module/FaceRecognition/FaceRecognition.scss */
  .faceDetail .bottom {
    margin-top: 30px;
    width: 100%; }

/* line 1, ../scss/module/stockDetail/stockDetail.scss */
.StockDetail {
  width: 100%; }
  /* line 3, ../scss/module/stockDetail/stockDetail.scss */
  .StockDetail .top {
    display: flex;
    width: 95%;
    margin: 20px auto 0;
    justify-content: space-between; }
    /* line 8, ../scss/module/stockDetail/stockDetail.scss */
    .StockDetail .top .section-one, .StockDetail .top .section-two, .StockDetail .top .section-three {
      background-color: white;
      height: 200px; }
    /* line 13, ../scss/module/stockDetail/stockDetail.scss */
    .StockDetail .top .section-one {
      box-shadow: #ccc 2px 2px 10px;
      flex: 1.2;
      display: flex;
      justify-content: center;
      margin-right: 10px; }
      /* line 19, ../scss/module/stockDetail/stockDetail.scss */
      .StockDetail .top .section-one div {
        width: 250px;
        align-self: center; }
        /* line 22, ../scss/module/stockDetail/stockDetail.scss */
        .StockDetail .top .section-one div p {
          margin-top: 5px; }
          /* line 24, ../scss/module/stockDetail/stockDetail.scss */
          .StockDetail .top .section-one div p span, .StockDetail .top .section-one div p .create-spu .new-spec label, .create-spu .new-spec .StockDetail .top .section-one div p label {
            width: 38%;
            display: inline-block;
            text-align: right; }
    /* line 32, ../scss/module/stockDetail/stockDetail.scss */
    .StockDetail .top .section-two {
      margin-right: 10px;
      flex: 4;
      display: flex;
      justify-content: center;
      align-items: center; }
      /* line 38, ../scss/module/stockDetail/stockDetail.scss */
      .StockDetail .top .section-two p {
        align-self: center;
        height: 30px;
        width: 12%;
        margin-right: 10px; }
      /* line 44, ../scss/module/stockDetail/stockDetail.scss */
      .StockDetail .top .section-two .section-two-remark {
        resize: none;
        background-color: #eeeeee;
        overflow-y: scroll;
        width: 70%;
        height: 80%; }
    /* line 52, ../scss/module/stockDetail/stockDetail.scss */
    .StockDetail .top .section-three {
      display: flex;
      flex: 1;
      flex-flow: column;
      justify-content: space-around;
      align-items: center;
      cursor: pointer; }
      /* line 59, ../scss/module/stockDetail/stockDetail.scss */
      .StockDetail .top .section-three img {
        display: inline-block;
        margin: 0 auto; }
      /* line 63, ../scss/module/stockDetail/stockDetail.scss */
      .StockDetail .top .section-three p {
        margin-top: 10px; }
  /* line 68, ../scss/module/stockDetail/stockDetail.scss */
  .StockDetail .section-four {
    width: 95%;
    height: 70px;
    background-color: white;
    margin: 20px auto 0;
    padding: 0 5%; }
    /* line 74, ../scss/module/stockDetail/stockDetail.scss */
    .StockDetail .section-four .section-four-container {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      /* line 80, ../scss/module/stockDetail/stockDetail.scss */
      .StockDetail .section-four .section-four-container div {
        width: 25%;
        font-size: 18px; }
        /* line 83, ../scss/module/stockDetail/stockDetail.scss */
        .StockDetail .section-four .section-four-container div span, .StockDetail .section-four .section-four-container div .create-spu .new-spec label, .create-spu .new-spec .StockDetail .section-four .section-four-container div label {
          color: #f07f67; }
  /* line 89, ../scss/module/stockDetail/stockDetail.scss */
  .StockDetail .section-five {
    width: 95%;
    margin: 20px auto 0; }

/* line 2, ../scss/module/yiqiji/AccountSetting/_AccountSetting.scss */
.account-setting .title {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #888; }
/* line 10, ../scss/module/yiqiji/AccountSetting/_AccountSetting.scss */
.account-setting .search-bar, .account-setting .search-bar-red {
  height: 80px;
  margin-bottom: 9px; }
/* line 16, ../scss/module/yiqiji/AccountSetting/_AccountSetting.scss */
.account-setting .table div span, .account-setting .table div .create-spu .new-spec label, .create-spu .new-spec .account-setting .table div label {
  width: 16%; }

/* line 1, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
.create-edit-account {
  height: 100%;
  padding-bottom: 40px; }
  /* line 4, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
  .create-edit-account .content-wrap {
    width: 100%;
    height: 100%;
    min-width: 500px;
    overflow-y: scroll; }
    /* line 9, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
    .create-edit-account .content-wrap .content {
      width: 100%;
      display: flex;
      justify-content: center;
      margin-top: 5%; }
      /* line 14, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
      .create-edit-account .content-wrap .content .info-block {
        width: 90%;
        background: white;
        max-width: 1366px; }
        /* line 18, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
        .create-edit-account .content-wrap .content .info-block .head {
          background: #eee;
          height: 50px;
          display: flex;
          justify-content: center; }
          /* line 23, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
          .create-edit-account .content-wrap .content .info-block .head span, .create-edit-account .content-wrap .content .info-block .head .create-spu .new-spec label, .create-spu .new-spec .create-edit-account .content-wrap .content .info-block .head label {
            display: flex;
            width: 150px;
            align-items: center;
            justify-content: center;
            height: 100%;
            background: white;
            cursor: pointer; }
            /* line 31, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
            .create-edit-account .content-wrap .content .info-block .head span.active, .create-edit-account .content-wrap .content .info-block .head .create-spu .new-spec label.active, .create-spu .new-spec .create-edit-account .content-wrap .content .info-block .head label.active {
              border-bottom: 2px solid #f63; }
        /* line 36, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
        .create-edit-account .content-wrap .content .info-block .middle {
          display: flex;
          justify-content: center; }
          /* line 39, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
          .create-edit-account .content-wrap .content .info-block .middle .block {
            display: flex;
            flex-flow: row wrap;
            justify-content: center;
            width: 90%;
            max-width: 800px; }
            /* line 45, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
            .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline {
              width: 400px;
              margin-top: 50px;
              display: flex;
              align-items: center; }
              /* line 50, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
              .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline label {
                cursor: auto;
                width: 100px;
                text-align-last: justify;
                -webkit-text-align-last: justify;
                -ms-text-align-last: justify;
                -moz-text-align-last: justify; }
              /* line 58, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
              .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline input, .create-edit-account .content-wrap .create-cstmr .content .info-block .middle .block .input-row-inline .top-container .left div textarea, .create-cstmr .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .top-container .left div textarea, .create-edit-account .content-wrap .create-cstmr .content .top-container .left div .info-block .middle .block .input-row-inline textarea, .create-cstmr .create-edit-account .content-wrap .content .top-container .left div .info-block .middle .block .input-row-inline textarea, .create-edit-account .content-wrap .shop-info .content .info-block .middle .block .input-row-inline .above-container div select, .shop-info .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .above-container div select, .create-edit-account .content-wrap .shop-info .content .above-container div .info-block .middle .block .input-row-inline select, .shop-info .create-edit-account .content-wrap .content .above-container div .info-block .middle .block .input-row-inline select, .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline select, .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline textarea, .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group {
                width: 200px;
                margin-left: 20px; }
              /* line 62, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
              .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline textarea {
                height: 50px; }
              /* line 65, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
              .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline span, .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .create-spu .new-spec label, .create-spu .new-spec .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline label {
                width: 20px; }
              /* line 68, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
              .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group {
                display: flex;
                justify-content: space-between;
                flex-flow: row wrap;
                margin-left: 20px; }
                /* line 73, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
                .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group select {
                  width: 45%;
                  margin: 0;
                  font-size: 10px; }
                  /* line 77, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
                  .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group select option {
                    font-size: 14px;
                    padding: 3px 0; }
                /* line 82, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
                .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group input, .create-edit-account .content-wrap .create-cstmr .content .info-block .middle .block .input-row-inline .group .top-container .left div textarea, .create-cstmr .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group .top-container .left div textarea, .create-edit-account .content-wrap .create-cstmr .content .top-container .left div .info-block .middle .block .input-row-inline .group textarea, .create-cstmr .create-edit-account .content-wrap .content .top-container .left div .info-block .middle .block .input-row-inline .group textarea, .create-edit-account .content-wrap .shop-info .content .info-block .middle .block .input-row-inline .group .above-container div select, .shop-info .create-edit-account .content-wrap .content .info-block .middle .block .input-row-inline .group .above-container div select, .create-edit-account .content-wrap .shop-info .content .above-container div .info-block .middle .block .input-row-inline .group select, .shop-info .create-edit-account .content-wrap .content .above-container div .info-block .middle .block .input-row-inline .group select {
                  width: 100%;
                  margin: 5px 0 0 0; }
        /* line 90, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
        .create-edit-account .content-wrap .content .info-block .status-row {
          width: 70px;
          font-size: 18px;
          margin: 0 auto;
          align-items: center;
          margin-top: 30px;
          display: flex;
          justify-content: space-between;
          cursor: pointer; }
          /* line 99, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
          .create-edit-account .content-wrap .content .info-block .status-row i {
            color: #000; }
        /* line 103, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
        .create-edit-account .content-wrap .content .info-block .btn-row {
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 30px; }
          /* line 108, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
          .create-edit-account .content-wrap .content .info-block .btn-row button {
            width: 150px;
            height: 40px;
            margin: 50px 0; }
          /* line 113, ../scss/module/yiqiji/AccountSetting/_CreateEditAccount.scss */
          .create-edit-account .content-wrap .content .info-block .btn-row .right {
            margin-left: 15px; }

/* line 2, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
.CorporateSector .search-bar, .CorporateSector .search-bar-red {
  height: 80px;
  margin-bottom: 9px; }
  /* line 5, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
  .CorporateSector .search-bar .search-row, .CorporateSector .search-bar-red .search-row {
    width: 50%; }
  /* line 8, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
  .CorporateSector .search-bar .btn-row, .CorporateSector .search-bar-red .btn-row {
    width: 300px;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
/* line 18, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
.CorporateSector .table .table-row span.name, .CorporateSector .table .table-row .create-spu .new-spec label.name, .create-spu .new-spec .CorporateSector .table .table-row label.name {
  width: 20%; }
/* line 21, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
.CorporateSector .table .table-row span.remark, .CorporateSector .table .table-row .create-spu .new-spec label.remark, .create-spu .new-spec .CorporateSector .table .table-row label.remark {
  width: 50%; }
/* line 24, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
.CorporateSector .table .table-row span.time, .CorporateSector .table .table-row .create-spu .new-spec label.time, .create-spu .new-spec .CorporateSector .table .table-row label.time {
  width: 20%; }
/* line 27, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
.CorporateSector .table .table-row span.tow-btn, .CorporateSector .table .table-row .create-spu .new-spec label.tow-btn, .create-spu .new-spec .CorporateSector .table .table-row label.tow-btn {
  width: 10%;
  max-width: 60px;
  min-width: 50px;
  display: flex;
  justify-content: space-around;
  align-items: center; }
  /* line 34, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
  .CorporateSector .table .table-row span.tow-btn i, .CorporateSector .table .table-row .create-spu .new-spec label.tow-btn i, .create-spu .new-spec .CorporateSector .table .table-row label.tow-btn i {
    font-size: 20px;
    cursor: pointer; }
    /* line 37, ../scss/module/yiqiji/CorporateSector/_CorporateSector.scss */
    .CorporateSector .table .table-row span.tow-btn i:hover, .CorporateSector .table .table-row .create-spu .new-spec label.tow-btn i:hover, .create-spu .new-spec .CorporateSector .table .table-row label.tow-btn i:hover {
      color: red; }

/* line 1, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
.income-and-expense {
  background: white;
  height: 100%; }
  /* line 4, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
  .income-and-expense .info-box {
    width: 100%;
    min-height: 100%;
    padding: 50px;
    box-sizing: border-box;
    overflow-y: scroll; }
    /* line 10, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
    .income-and-expense .info-box .cstmr-container {
      margin-bottom: 100px; }
      /* line 12, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
      .income-and-expense .info-box .cstmr-container .cstmr-list {
        display: flex;
        align-content: flex-start;
        flex-wrap: wrap;
        width: 88%;
        background-color: white; }
        /* line 18, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
        .income-and-expense .info-box .cstmr-container .cstmr-list .auto-complete-content {
          width: 200px;
          margin-top: 10px;
          margin-right: 10px;
          border-radius: 5px; }
          /* line 23, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
          .income-and-expense .info-box .cstmr-container .cstmr-list .auto-complete-content button {
            width: 200px;
            height: 30px;
            border: none;
            border-radius: 5px; }
            /* line 28, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
            .income-and-expense .info-box .cstmr-container .cstmr-list .auto-complete-content button:hover {
              color: white;
              background-color: grey; }
          /* line 33, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
          .income-and-expense .info-box .cstmr-container .cstmr-list .auto-complete-content button.active {
            background: #36bc9b;
            color: white; }
    /* line 41, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
    .income-and-expense .info-box .order-list-table .table {
      width: 100%;
      min-height: 250px;
      margin-top: 50px;
      border-top: 5px solid #eee; }
      /* line 46, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
      .income-and-expense .info-box .order-list-table .table .table-row {
        height: 50px; }
        /* line 48, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
        .income-and-expense .info-box .order-list-table .table .table-row span, .income-and-expense .info-box .order-list-table .table .table-row .create-spu .new-spec label, .create-spu .new-spec .income-and-expense .info-box .order-list-table .table .table-row label {
          width: 14%; }
        /* line 51, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
        .income-and-expense .info-box .order-list-table .table .table-row .index {
          width: 20px; }
    /* line 57, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
    .income-and-expense .info-box .remark-row {
      margin-top: 100px; }
      /* line 59, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
      .income-and-expense .info-box .remark-row textarea {
        width: 100%;
        height: 200px; }
    /* line 64, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
    .income-and-expense .info-box .btn-row {
      margin-top: 30px; }
      /* line 66, ../scss/module/yiqiji/finance/_incomeOrExpense.scss */
      .income-and-expense .info-box .btn-row button {
        width: 150px;
        height: 40px; }

/* line 1, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
.transfer-accounts {
  background: white;
  height: 100%; }
  /* line 4, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
  .transfer-accounts .main-body {
    padding: 50px 50px;
    padding-bottom: 0;
    min-height: 100%;
    overflow-y: scroll;
    height: 100%; }
    /* line 10, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
    .transfer-accounts .main-body .table {
      width: 100%;
      margin-top: 30px;
      overflow: visible; }
      /* line 14, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
      .transfer-accounts .main-body .table .table-row {
        height: 50px; }
        /* line 16, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
        .transfer-accounts .main-body .table .table-row span, .transfer-accounts .main-body .table .table-row .create-spu .new-spec label, .create-spu .new-spec .transfer-accounts .main-body .table .table-row label {
          height: 100%;
          width: 12%; }
          /* line 19, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
          .transfer-accounts .main-body .table .table-row span input, .transfer-accounts .main-body .table .table-row .create-spu .new-spec label input, .create-spu .new-spec .transfer-accounts .main-body .table .table-row label input, .transfer-accounts .main-body .table .table-row span .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .transfer-accounts .main-body .table .table-row span textarea, .transfer-accounts .main-body .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .transfer-accounts .main-body .table .table-row .create-spu .new-spec label textarea, .create-spu .new-spec .transfer-accounts .main-body .table .table-row label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .new-spec .transfer-accounts .main-body .table .table-row label textarea, .transfer-accounts .main-body .table .table-row span .shop-info .content .above-container div select, .shop-info .content .above-container div .transfer-accounts .main-body .table .table-row span select, .transfer-accounts .main-body .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select, .shop-info .content .above-container div .transfer-accounts .main-body .table .table-row .create-spu .new-spec label select, .create-spu .new-spec .transfer-accounts .main-body .table .table-row label .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .new-spec .transfer-accounts .main-body .table .table-row label select {
            width: 100%; }
          /* line 22, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
          .transfer-accounts .main-body .table .table-row span.clear-row, .transfer-accounts .main-body .table .table-row .create-spu .new-spec label.clear-row, .create-spu .new-spec .transfer-accounts .main-body .table .table-row label.clear-row {
            width: 30px; }
    /* line 28, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
    .transfer-accounts .main-body .remark {
      margin-top: 50px; }
    /* line 31, ../scss/module/yiqiji/TransferAccounts/_transferAccounts.scss */
    .transfer-accounts .main-body textarea {
      margin-top: 50px;
      margin-bottom: 100px;
      width: 80%;
      height: 200px; }

/* line 1, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
.withdraw {
  background: white;
  height: 100%; }
  /* line 4, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
  .withdraw .info-box {
    width: 100%;
    min-height: 100%;
    max-width: 1920px;
    min-width: 1024px;
    margin: 0 auto;
    padding: 50px;
    box-sizing: border-box;
    overflow-y: scroll;
    height: 100%; }
    /* line 15, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
    .withdraw .info-box .order-list-table .table {
      width: 100%;
      min-height: 250px;
      margin-top: 30px; }
      /* line 19, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
      .withdraw .info-box .order-list-table .table .table-row {
        height: 50px; }
        /* line 21, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .info-box .order-list-table .table .table-row span, .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label, .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label {
          width: 13%;
          height: 100%; }
          /* line 24, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .info-box .order-list-table .table .table-row span input, .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label input, .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label input, .withdraw .info-box .order-list-table .table .table-row span .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .withdraw .info-box .order-list-table .table .table-row span textarea, .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label textarea, .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label textarea, .withdraw .info-box .order-list-table .table .table-row span .shop-info .content .above-container div select, .shop-info .content .above-container div .withdraw .info-box .order-list-table .table .table-row span select, .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select, .shop-info .content .above-container div .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label select, .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label select {
            width: 100%; }
          /* line 27, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .info-box .order-list-table .table .table-row span .dropdown-list, .withdraw .info-box .order-list-table .table .table-row .create-spu .new-spec label .dropdown-list, .create-spu .new-spec .withdraw .info-box .order-list-table .table .table-row label .dropdown-list {
            position: absolute;
            display: flex;
            flex-flow: column nowrap;
            min-width: 100%;
            width: 200px; }
        /* line 35, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .info-box .order-list-table .table .table-row .number {
          min-width: 150px; }
        /* line 38, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .info-box .order-list-table .table .table-row .two-imgs {
          justify-content: space-around; }
          /* line 40, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .info-box .order-list-table .table .table-row .two-imgs img {
            max-width: none; }
        /* line 44, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .info-box .order-list-table .table .table-row .small {
          width: 70px; }
    /* line 50, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
    .withdraw .info-box .remark-row {
      margin: 100px 0; }
      /* line 52, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
      .withdraw .info-box .remark-row textarea {
        width: 100%;
        height: 200px; }
  /* line 58, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
  .withdraw .card-box-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.2); }
    /* line 68, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
    .withdraw .card-box-wrap .card-box {
      width: 700px;
      height: 500px;
      background: white; }
      /* line 72, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
      .withdraw .card-box-wrap .card-box .card-content {
        padding: 20px; }
        /* line 74, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .card-box-wrap .card-box .card-content .search-row {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 79, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .card-box-wrap .card-box .card-content .search-row .search-box {
            display: flex;
            justify-content: space-between;
            align-items: center; }
            /* line 83, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
            .withdraw .card-box-wrap .card-box .card-content .search-row .search-box img {
              width: 15px;
              margin-left: 10px; }
          /* line 88, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .card-box-wrap .card-box .card-content .search-row button {
            margin: 0; }
        /* line 92, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .card-box-wrap .card-box .card-content .table {
          margin-top: 20px; }
          /* line 94, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .card-box-wrap .card-box .card-content .table .table-row {
            display: flex;
            justify-content: space-between; }
            /* line 97, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
            .withdraw .card-box-wrap .card-box .card-content .table .table-row span, .withdraw .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label, .create-spu .new-spec .withdraw .card-box-wrap .card-box .card-content .table .table-row label {
              width: 14%; }
              /* line 99, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
              .withdraw .card-box-wrap .card-box .card-content .table .table-row span input, .withdraw .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label input, .create-spu .new-spec .withdraw .card-box-wrap .card-box .card-content .table .table-row label input, .withdraw .card-box-wrap .card-box .card-content .table .table-row span .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .withdraw .card-box-wrap .card-box .card-content .table .table-row span textarea, .withdraw .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .withdraw .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label textarea, .create-spu .new-spec .withdraw .card-box-wrap .card-box .card-content .table .table-row label .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .create-spu .new-spec .withdraw .card-box-wrap .card-box .card-content .table .table-row label textarea, .withdraw .card-box-wrap .card-box .card-content .table .table-row span .shop-info .content .above-container div select, .shop-info .content .above-container div .withdraw .card-box-wrap .card-box .card-content .table .table-row span select, .withdraw .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label .shop-info .content .above-container div select, .shop-info .content .above-container div .withdraw .card-box-wrap .card-box .card-content .table .table-row .create-spu .new-spec label select, .create-spu .new-spec .withdraw .card-box-wrap .card-box .card-content .table .table-row label .shop-info .content .above-container div select, .shop-info .content .above-container div .create-spu .new-spec .withdraw .card-box-wrap .card-box .card-content .table .table-row label select {
                width: 100%; }
          /* line 104, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .card-box-wrap .card-box .card-content .table .head {
            border-top-width: 3px; }
          /* line 107, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .card-box-wrap .card-box .card-content .table .table-body {
            height: 215px;
            border-top: 3px solid #f1f1f1;
            border-bottom: 3px solid #f1f1f1;
            overflow-y: scroll; }
        /* line 114, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
        .withdraw .card-box-wrap .card-box .card-content .button-row {
          margin-top: 20px;
          display: flex;
          justify-content: space-between;
          align-items: center; }
          /* line 119, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
          .withdraw .card-box-wrap .card-box .card-content .button-row button {
            margin: 0;
            width: 100px;
            height: 30px;
            line-height: 18px; }
  /* line 130, ../scss/module/yiqiji/Withdraw/_Withdraw.scss */
  .withdraw .footer button {
    margin: 0; }

/* line 1, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
.receipt-fill {
  height: 100%; }
  /* line 3, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
  .receipt-fill .content-wrap {
    height: 100%;
    overflow-y: scroll; }
    /* line 6, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
    .receipt-fill .content-wrap .content {
      background: white;
      padding: 50px;
      margin: 50px auto;
      width: 90%;
      max-width: 1024px;
      min-width: 850px; }
      /* line 13, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
      .receipt-fill .content-wrap .content .info-box {
        display: flex;
        align-items: center;
        margin-top: 30px;
        padding-left: 12px; }
        /* line 18, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
        .receipt-fill .content-wrap .content .info-box .row {
          display: flex;
          align-items: center; }
          /* line 21, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
          .receipt-fill .content-wrap .content .info-box .row .fu {
            width: 50px;
            text-align: center; }
          /* line 25, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
          .receipt-fill .content-wrap .content .info-box .row label {
            width: 135px; }
          /* line 28, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
          .receipt-fill .content-wrap .content .info-box .row input, .receipt-fill .content-wrap .create-cstmr .content .info-box .row .top-container .left div textarea, .create-cstmr .receipt-fill .content-wrap .content .info-box .row .top-container .left div textarea, .receipt-fill .content-wrap .create-cstmr .content .top-container .left div .info-box .row textarea, .create-cstmr .receipt-fill .content-wrap .content .top-container .left div .info-box .row textarea, .receipt-fill .content-wrap .shop-info .content .info-box .row .above-container div select, .shop-info .receipt-fill .content-wrap .content .info-box .row .above-container div select, .receipt-fill .content-wrap .shop-info .content .above-container div .info-box .row select, .shop-info .receipt-fill .content-wrap .content .above-container div .info-box .row select {
            width: 100px; }
      /* line 34, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
      .receipt-fill .content-wrap .content .remark .title-name-row {
        margin-top: 50px; }
      /* line 37, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
      .receipt-fill .content-wrap .content .remark textarea {
        width: 50%;
        height: 150px;
        margin-top: 30px; }
      /* line 43, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
      .receipt-fill .content-wrap .content .time-row {
        margin-top: 50px; }
        /* line 45, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
        .receipt-fill .content-wrap .content .time-row input, .receipt-fill .content-wrap .create-cstmr .content .time-row .top-container .left div textarea, .create-cstmr .receipt-fill .content-wrap .content .time-row .top-container .left div textarea, .receipt-fill .content-wrap .create-cstmr .content .top-container .left div .time-row textarea, .create-cstmr .receipt-fill .content-wrap .content .top-container .left div .time-row textarea, .receipt-fill .content-wrap .shop-info .content .time-row .above-container div select, .shop-info .receipt-fill .content-wrap .content .time-row .above-container div select, .receipt-fill .content-wrap .shop-info .content .above-container div .time-row select, .shop-info .receipt-fill .content-wrap .content .above-container div .time-row select {
          margin-left: 20px;
          border: none;
          border-bottom: 1px solid #0C0C0C; }
    /* line 52, ../scss/module/yiqiji/ReceiptFill/_ReceiptFill.scss */
    .receipt-fill .content-wrap button {
      display: flex;
      margin: 50px auto; }

/* line 2, ../scss/module/yiqiji/incomeAndExpenseType/_incomeAndExpenseType.scss */
.incomeAndExpenseType .title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 145px;
  height: 36px;
  background: #fff; }
  /* line 9, ../scss/module/yiqiji/incomeAndExpenseType/_incomeAndExpenseType.scss */
  .incomeAndExpenseType .title span, .incomeAndExpenseType .title .create-spu .new-spec label, .create-spu .new-spec .incomeAndExpenseType .title label {
    color: #a3a3a3;
    font-weight: bold; }

/* line 2, ../scss/module/yiqiji/Draft/_Draft.scss */
.Draft .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 450px;
  height: 36px;
  background: #eee; }
  /* line 9, ../scss/module/yiqiji/Draft/_Draft.scss */
  .Draft .title button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 36px;
    background: #f9f9f9;
    color: #a3a3a3;
    border-right: 1px solid #eeeeee;
    border: none;
    outline: none;
    font-size: 15px; }
    /* line 21, ../scss/module/yiqiji/Draft/_Draft.scss */
    .Draft .title button:hover {
      background: #fff;
      font-weight: bold; }
  /* line 26, ../scss/module/yiqiji/Draft/_Draft.scss */
  .Draft .title .highlight {
    background: #fff;
    font-weight: bold; }
/* line 32, ../scss/module/yiqiji/Draft/_Draft.scss */
.Draft .time-container .batchCheck {
  margin-left: 30px; }

/* line 1, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
.create-edit-cat {
  display: flex;
  justify-content: center;
  flex-flow: column; }
  /* line 7, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
  .create-edit-cat .below-title-bar {
    background: #eee;
    position: absolute;
    top: 44px;
    left: 0;
    right: 0;
    bottom: 0; }
    /* line 15, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
    .create-edit-cat .below-title-bar .create-edit-cat-container {
      height: 400px;
      position: absolute;
      top: 100px;
      left: 100px;
      right: 100px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-flow: column; }
      /* line 27, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
      .create-edit-cat .below-title-bar .create-edit-cat-container div {
        width: 60%; }
      /* line 33, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
      .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div {
        margin-top: 30px;
        width: 100%;
        display: flex;
        align-items: center; }
        /* line 39, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div span, .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div .create-spu .new-spec label, .create-spu .new-spec .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div label {
          font-size: 15px;
          flex-shrink: 0;
          margin-right: 10px; }
        /* line 45, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div label {
          margin-left: 10px; }
        /* line 49, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div input[type=text], .create-edit-cat .below-title-bar .create-edit-cat-container .input-container .create-cstmr .content .top-container .left div textarea[type=text], .create-cstmr .content .top-container .left .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div textarea[type=text], .create-edit-cat .below-title-bar .create-edit-cat-container .input-container .shop-info .content .above-container div select[type=text], .shop-info .content .above-container .create-edit-cat .below-title-bar .create-edit-cat-container .input-container div select[type=text] {
          width: 100%;
          height: 38px;
          margin-bottom: 8px;
          padding-left: 20px;
          background: #f9f9f9;
          border: none;
          font-size: 15px; }
      /* line 61, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
      .create-edit-cat .below-title-bar .create-edit-cat-container .create-edit-container {
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        /* line 68, ../scss/module/yiqiji/CreateOrEditCart/_CreateOrEditCart.scss */
        .create-edit-cat .below-title-bar .create-edit-cat-container .create-edit-container button {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-left: 10px;
          background: #ee7258;
          height: 32px;
          padding-left: 50px;
          padding-right: 50px;
          color: #fdfdfd;
          border: none;
          outline: none;
          font-weight: bold;
          font-size: 15px; }

/* line 1, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
.order-details-page {
  height: 100%;
  width: 100%;
  overflow: scroll;
  padding-bottom: 44px; }
  /* line 6, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
  .order-details-page .title-bar-detail {
    position: fixed; }
  /* line 9, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
  .order-details-page .order-detail {
    min-width: 1024px;
    width: 90%;
    padding-top: 60px;
    margin: 0 auto;
    max-width: 1920px; }
    /* line 15, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .order-detail .order-detail-header {
      height: 200px;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row;
      justify-content: space-between; }
      /* line 26, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .order-detail-header .status-now {
        width: 20%;
        height: 200px;
        background: #FFFFFF;
        -webkit-box-shadow: 3px 3px 20px #999;
        -moz-box-shadow: 3px 3px 20px #999;
        -o-box-shadow: 3px 3px 20px #999;
        -ms-box-shadow: 3px 3px 20px #999;
        box-shadow: 3px 3px 20px #999;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        justify-content: space-around; }
        /* line 43, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
        .order-details-page .order-detail .order-detail-header .status-now span, .order-details-page .order-detail .order-detail-header .status-now .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .order-detail-header .status-now label {
          font-size: 16px;
          text-align: center; }
        /* line 47, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
        .order-details-page .order-detail .order-detail-header .status-now .active {
          color: #FF6633;
          font-size: 24px;
          font-weight: bold; }
      /* line 53, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .order-detail-header .status-info {
        width: 78%;
        height: 200px;
        background: #FFFFFF; }
        /* line 57, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
        .order-details-page .order-detail .order-detail-header .status-info .status {
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          flex-flow: row;
          align-items: center;
          justify-content: center;
          height: 50%; }
          /* line 68, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
          .order-details-page .order-detail .order-detail-header .status-info .status .step {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: center;
            margin-left: 5px;
            height: 100%; }
            /* line 78, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
            .order-details-page .order-detail .order-detail-header .status-info .status .step span, .order-details-page .order-detail .order-detail-header .status-info .status .step .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .order-detail-header .status-info .status .step label {
              font-size: 14px; }
          /* line 82, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
          .order-details-page .order-detail .order-detail-header .status-info .status .between-line {
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            align-items: flex-end;
            align-self: flex-start;
            width: 50px;
            height: 50%;
            margin-left: 5px;
            color: #6e6e6e;
            font-size: 14px;
            justify-content: center;
            border-bottom: 1px dotted #888; }
        /* line 100, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
        .order-details-page .order-detail .order-detail-header .status-info .buttons {
          width: 100%;
          display: -webkit-box;
          display: -moz-box;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: flex;
          flex-flow: row;
          justify-content: center; }
          /* line 110, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
          .order-details-page .order-detail .order-detail-header .status-info .buttons div {
            cursor: pointer;
            display: -webkit-box;
            display: -moz-box;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: flex;
            flex-flow: column;
            justify-content: center;
            align-items: center;
            width: 100px; }
            /* line 122, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
            .order-details-page .order-detail .order-detail-header .status-info .buttons div button {
              margin-top: 8px;
              font-size: 13px;
              border: none;
              outline: none;
              background: none;
              color: #888; }
            /* line 130, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
            .order-details-page .order-detail .order-detail-header .status-info .buttons div img {
              width: 48px;
              height: 48px; }
    /* line 138, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .order-detail .finance-detail-table {
      margin-top: 30px;
      width: 100%;
      background: white; }
      /* line 143, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .finance-detail-table .table-row span, .order-details-page .order-detail .finance-detail-table .table-row .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .finance-detail-table .table-row label {
        width: 25%;
        overflow: hidden; }
      /* line 147, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .finance-detail-table .table-row .right {
        justify-content: flex-end; }
      /* line 150, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .finance-detail-table .table-row.big {
        height: 72px; }
        /* line 152, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
        .order-details-page .order-detail .finance-detail-table .table-row.big .expense {
          display: flex;
          justify-content: space-around;
          align-items: center; }
          /* line 156, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
          .order-details-page .order-detail .finance-detail-table .table-row.big .expense input, .order-details-page .order-detail .finance-detail-table .table-row.big .expense .create-cstmr .content .top-container .left div textarea, .create-cstmr .content .top-container .left div .order-details-page .order-detail .finance-detail-table .table-row.big .expense textarea, .order-details-page .order-detail .finance-detail-table .table-row.big .expense .shop-info .content .above-container div select, .shop-info .content .above-container div .order-details-page .order-detail .finance-detail-table .table-row.big .expense select {
            width: 50%;
            cursor: pointer; }
      /* line 163, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .finance-detail-table .hongchong {
        margin: 20px 0;
        display: flex;
        justify-content: flex-end; }
    /* line 172, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .order-detail .account-detail-table .table-row span, .order-details-page .order-detail .account-detail-table .table-row .create-spu .new-spec label, .create-spu .new-spec .order-details-page .order-detail .account-detail-table .table-row label {
      width: 15%; }
      /* line 174, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .order-detail .account-detail-table .table-row span.max, .order-details-page .order-detail .account-detail-table .table-row .create-spu .new-spec label.max, .create-spu .new-spec .order-details-page .order-detail .account-detail-table .table-row label.max {
        width: 200px; }
  /* line 181, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
  .order-details-page .through-block {
    width: 90%;
    min-width: 1024px;
    max-width: 1920px;
    margin: 0 auto;
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between; }
    /* line 189, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .through-block .block {
      width: 100%;
      padding: 25px;
      background: white; }
      /* line 193, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .through-block .block .title {
        font-size: 20px; }
      /* line 196, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .through-block .block textarea {
        width: 100%;
        height: 150px; }
    /* line 201, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .through-block .col2 {
      width: 49%; }
    /* line 204, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .through-block .col3 {
      width: 32%; }
  /* line 208, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
  .order-details-page .card-box-wrap {
    z-index: 2; }
  /* line 211, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
  .order-details-page .footer {
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    border: none;
    border-radius: 0;
    box-shadow: 0 0 5px #555555;
    justify-content: flex-end;
    padding-right: 60px; }
    /* line 222, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .footer button {
      width: 100px;
      height: 40px;
      margin: 0 20px; }
    /* line 227, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
    .order-details-page .footer .skip {
      margin-top: 15px;
      cursor: pointer;
      font-size: 10px;
      color: deepskyblue; }
      /* line 232, ../scss/module/yiqiji/Detail/_IncomeAndExpendDetail.scss */
      .order-details-page .footer .skip:hover {
        color: dodgerblue; }

/* line 1, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
.order-details-page {
  height: 100%;
  width: 100%;
  overflow: scroll;
  padding-bottom: 44px; }
  /* line 6, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
  .order-details-page .title-bar-detail {
    position: fixed; }
  /* line 9, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
  .order-details-page .main-body {
    min-width: 1024px;
    width: 90%;
    padding-top: 60px;
    margin: 0 auto;
    max-width: 1920px; }
    /* line 15, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
    .order-details-page .main-body .order-detail-header {
      height: 200px;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      flex-flow: row;
      justify-content: space-between; }
      /* line 26, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
      .order-details-page .main-body .order-detail-header .status-now {
        width: 20%;
        height: 200px;
        background: #FFFFFF;
        -webkit-box-shadow: 3px 3px 20px #999;
        -moz-box-shadow: 3px 3px 20px #999;
        -o-box-shadow: 3px 3px 20px #999;
        -ms-box-shadow: 3px 3px 20px #999;
        box-shadow: 3px 3px 20px #999;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: column;
        justify-content: space-around; }
        /* line 43, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
        .order-details-page .main-body .order-detail-header .status-now span, .order-details-page .main-body .order-detail-header .status-now .create-spu .new-spec label, .create-spu .new-spec .order-details-page .main-body .order-detail-header .status-now label {
          font-size: 16px;
          text-align: center; }
        /* line 47, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
        .order-details-page .main-body .order-detail-header .status-now .active {
          color: #FF6633;
          font-size: 24px;
          font-weight: bold; }
      /* line 53, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
      .order-details-page .main-body .order-detail-header .remark-info {
        width: 54%;
        height: 200px;
        background: #FFFFFF;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        flex-flow: row;
        justify-content: space-around;
        align-items: center;
        padding: 15px; }
        /* line 67, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
        .order-details-page .main-body .order-detail-header .remark-info div {
          width: 100px;
          display: flex;
          justify-content: center;
          align-items: center; }
        /* line 73, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
        .order-details-page .main-body .order-detail-header .remark-info textarea {
          width: 90%;
          height: 90%; }
      /* line 79, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
      .order-details-page .main-body .order-detail-header .history {
        width: 25%;
        height: 200px;
        background: #FFFFFF;
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center; }
        /* line 87, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
        .order-details-page .main-body .order-detail-header .history span, .order-details-page .main-body .order-detail-header .history .create-spu .new-spec label, .create-spu .new-spec .order-details-page .main-body .order-detail-header .history label {
          margin-top: 15px; }
    /* line 92, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
    .order-details-page .main-body .table {
      margin-top: 30px; }
      /* line 95, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
      .order-details-page .main-body .table .table-row span, .order-details-page .main-body .table .table-row .create-spu .new-spec label, .create-spu .new-spec .order-details-page .main-body .table .table-row label {
        width: 12%; }
      /* line 98, ../scss/module/yiqiji/Detail/_TransferAndWithdrawDetail.scss */
      .order-details-page .main-body .table .table-row .number {
        min-width: 150px; }

/* line 1, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
.summary-sheet {
  width: 100%;
  min-height: 100%; }
  /* line 4, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
  .summary-sheet .small-chart {
    width: 100%;
    height: 100%;
    padding: 1%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background: #FFFFFF; }
    /* line 12, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
    .summary-sheet .small-chart .chart-block {
      margin-top: 50px;
      width: 49%;
      height: 400px;
      cursor: pointer;
      border: 1px solid #eee; }
  /* line 20, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
  .summary-sheet .big-chart {
    width: 100%;
    min-height: 600px;
    height: 100%;
    background: #FFFFFF; }
    /* line 25, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
    .summary-sheet .big-chart .back-row {
      background: #eee;
      padding-bottom: 10px; }
      /* line 28, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
      .summary-sheet .big-chart .back-row button {
        width: 150px;
        height: 40px; }
    /* line 33, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
    .summary-sheet .big-chart .center {
      width: 100%;
      height: 100%; }
      /* line 36, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
      .summary-sheet .big-chart .center .time-container {
        display: flex;
        align-items: center;
        justify-content: center; }
      /* line 41, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
      .summary-sheet .big-chart .center .chart {
        height: 60%;
        min-height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #eee; }
        /* line 48, ../scss/module/yiqiji/SummarySheet/_SummarySheet.scss */
        .summary-sheet .big-chart .center .chart .show-chart {
          width: 100%;
          height: 700px; }
